Hide Top bar on scroll: Mobile

[Jackcoldrick]

Hey guys,

Just wondering if you know if this is possible, I’m trying to hide the Top bar when the user scrolls down the page on a mobile device and show it again if they scroll up at all. Reason being on a mobile it occupies quite a large amount of space and distracts from the content of the site.

Would you be able to point me into the right directon on how to achieve something like this? Basically if you go to http://dante.swiftideas.net/ and make the browser screen small to show mobile width I’d like when you scroll down for the menu to disappear but when you scroll up it reappears…

is this possible!

Many thanks.

Jack

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

@media only screen and (max-width: 767px){
#header .sticky-header-resized {
     display: none;
}
}

-Rui

[Jackcoldrick]

Hey Rui,

Thanks for the quick response, that’s not doing anything for me? I’ve just tried it there…

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide me your site url and admin credentials?

-Rui

[Jackcoldrick]

This reply has been marked as private.

[David Martin – Support]

Hi,

This customisation help is beyond the scope of support. I would suggest you post this on StackOverflow if you need jQuery assistance.

However have you tried debugging your code to see what conditions are returning true on your android device, have you confirmed that if ($(window).width() <= 600) { is actually even true for this device?

– David.