[Resolved] Sticky Menu

[Drijen]

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?

[Leo]

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;
}

[Drijen]

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!!

[Leo]

No problem!

[Author]

Posts