Archived topic

Remove navigation but keep sticky

6 replies · Started by Damiaan van Vliet on April 4, 2018

Viewing posts 1–7 of 7

April 4, 2018 at 6:48 am #540875

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!

April 4, 2018 at 8:47 am #541071

Hi there,

Try this:

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

April 4, 2018 at 11:59 pm #541587

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.

April 5, 2018 at 8:23 am #542049

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

April 5, 2018 at 10:54 am #542193

This should do it:

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

April 5, 2018 at 11:59 pm #542664

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

Thanks @Leo and @Tom.

April 6, 2018 at 9:27 am #543086

Glad we could help :)

This archived topic is closed to new replies.

Start building better websites today.