Menu hide on load - Show when scrolldown

mkuess · May 2019

Hi

I have a little problem with the menu, when i wanted it to hide on load, but it should appear when i scroll down. i put this code into optional theme css:

#Top_bar:not(.is-sticky) {

display: none;

}

This works but i have one big problem. when i am on the top of the page (onload) the logo isn't shown here. but when i scrolled a little down and then i refresh the page.. the logo is shown in the menu bar. so the function with display:none also hides the logo in the menu bar

Bryan · May 2019

Hello,

sorry but this will not be possible to achieve only with CSS. You would also need to do some JS modifications. Unfortunately we do not offer such customizations.

thanks

mkuess · May 2019

but it works with this lines above. the negative effect is, that the logo is also hidden on pageload and doesn't appear on scroll down

Pablo · May 2019

This code you sent will hide your logo always when your menu is sticky, not only on load.

As Bryan said, you would have to create some additional JS code which will after first first scroll (activated sticky menu) it removes the 'display:none' value.

Thanks

Menu hide on load - Show when scrolldown

Comments

This website uses cookies