Sticky-nav Logo

I Need Help
2

Hey @Alessio_lupatelli,

Welcome to the Blocs Forum.

You can do this with a bit of JavaScript in the page footer

Change the 3 Var’s to suit. Change the URL for logoTwo and set how far you want to scroll before they change. It is in pixels.

EDIT: Made it so the first logo is what ever you set in Blocs.

<script>
var logoOne = $('.navbar-brand').find('img').attr('src');
var logoTwo = 'https://via.placeholder.com/60'
var scrollDistance = '200'

window.addEventListener('scroll', function() {
       if ($(this).scrollTop() < scrollDistance) { 
          $('.navbar-brand img').attr('src',logoOne);
        }
        if ($(this).scrollTop() > scrollDistance) { 
           $('.navbar-brand img').attr('src',logoTwo);
        }
  })
 </script>