Auto hide mobile menu in header builder

Hi there,

I would like to hide my header when the user scrolls downwards, and reappear if he scrolls up. Can we achieve this in header builder?

Hey @Pbalazs89,

Regretfully, there is no feature for this because by default the bar would be naturally hidden when you scroll down if it’s not set to sticky.

If you’re wanting to make the bar disappear on scroll down regardless of the scrollbar’s position and vice versa, that will need a custom script. I will show you where you can get such a script but please note that issues that would arise from the use of custom scripts and further enhancing it are outside the scope of our support.

With that bit cleared, please see https://www.w3schools.com/howto/howto_js_navbar_hide_scroll.asp. Put the necessary CSS and JS in your Header CSS and Header JS.

Hope that helps and thank you for understanding.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.