Archived topic
Sticky Menu
3 replies · Started by Drijen on October 26, 2017
Viewing posts 1–4 of 4
Hi there,
I have a sticky navigation on my site. In the standard view (i.e. when user is at the top of the page, I don't want a particular menu item to show, but when they start scrolling, I want them to see it).
How can I achieve this?
Hi there,
First add hide-on-sticky to the the custom class of that menu item: https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes
Then use this CSS:
.main-navigation.navigation-stick .main-nav ul li.hide-on-sticky a {
display: none;
}Sorry, a slight misunderstanding - I want it to SHOW on sticky only...but it's ok, I fixed it by changing it to:
#site-navigation .main-nav ul li.hide-on-sticky a {
display: none;
}
Cheers!!
No problem!
This archived topic is closed to new replies.
