Logo Problem with Hero Bloc

I Need Help
1

Hi,
I know that it is possible to use the hero bloc, set a logo and click sticky. then when scrolling the navbar was showing by scrolling with the same logo …
but is it possible in the hero bloc don’t use a logo and only when scrolling?
:thinking:
thanks tom

2

Hey @tom2,

A few ways to do this, someone may have a cleaner solution. But this should work.

Try this. Select your logo and create a custom class classed logohide and set the display attribute to none. (this will hide your logo on page load).

Then add the following script into the footer of your page. Change the ‘90’ value to suit. This is defining how many pixels you scroll before the logo appears.


<script>
    $(document).ready(function() {
        $(window).scroll(function() {
            if ($("body").height() <= ($(window).height() + $(window).scrollTop()) || $(window).scrollTop() <= 90) {
                $(".logotoggle").hide();
            }else {
                $(".logotoggle").show();
            }
        });
    });
</script>