[Resolved] Remove navigation but keep sticky

[Damiaan van Vliet]

Hi support,
I want to have the main navigation on home page removed but when scrolling down the sticky navigation (which I setup with customizer) should be visible.
I tried several css solutions but I don’t know how to establish that.

Thanks for the help!

[Leo]

Hi there,

Try this:

.main-navigation:not(.navigation-stick) {
    display: none;
}

[Damiaan van Vliet]

Hi Leo, code looks like it should work but it does not.
Yes, the main-navigation is gone but when scrolling down navigation is not visible.

[Leo]

Can you link me to the page in question with the CSS applied?

[Tom]

This should do it:

#site-navigation:not(.navigation-stick), 
#sticky-placeholder {
    height: 0;
    overflow: hidden;
}

[Damiaan van Vliet]

YES!!! That’s it!
Wow, you guys rock!

Thanks @Leo and @Tom.

[Tom]

Glad we could help 🙂

[Author]

Posts