Hide Menu, show only when scroll down

DanielBenic · August 2015

Hi there is there any option to hide the menu completely when you arrive at the page. As soon as you scroll down the Menu should appear.

Thank you for you help!!!

Albert · August 2015

Hi,

please send us url to page where you want to do this and we'll see if this can be done.

Thanks!

DanielBenic · August 2015

http://testumgebung.wirbleibeneltern.de/

This is the Test URL

As you can see at the beginning there is a full screen video.. It would be really cool if the menu is invisible as long as you dont scroll down.

Albert · August 2015

Ok, great

So to display menu on scroll only, please use below css:

#Top_bar:not(.is-sticky) .menu_wrapper { display: none !important; }

DanielBenic · August 2015

Where do I exactly put this CSS Code in? thanx for you reply

DanielBenic · August 2015

THANK YOUUUU I FOUND IT.

It's in the Betheme Design Menu... Custom CSS Field.. GREAT JOB GUYS! YOU ROCK

Albert · August 2015

Like each css, you should pasted it under Theme options > Custom CSS & JS > Custom CSS section where all custom css's should be stored

aneresnyy · December 2015

I tried adding the same code to my site so that the menu is hidden until you start scrolling, but it only hides the actual menu links. The menu background and logo is still visible. How can I change the code so that it hides the whole bar?

Albert · December 2015

@aneresnyy Please send us link to page where you want to do this and we'll have a look on it.

aneresnyy · December 2015

The site is currently under construction and can only be viewed if you are logged in- can I send you the login details in a private message?

Albert · December 2015

@aneresnyy Yes, you can send us private message of course.

wimadd · August 2018

Hi!

I'm trying the same thing and I'm having the same problem.

Could you tell me if you found a solution?

Also, I wanted to use this only in my Home Page, not in other pages. Could that be done?

Thank you guys!

Pablo · August 2018

wimadd

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

Hide Menu, show only when scroll down

Comments

This website uses cookies