[Resolved] Hide menu on front page (but not sticky)

[Klara]

Hi!
I’m building a page where I want to hide the logo+main menu on the front page, but still have it in the sticky menu. The logo seems to be two different “things” but the menu seems to be the “same” thing. I’ve tried to hide the menu via “hide elements” or css but whenever I hide the navigation in primary menu, the navigation in sticky menu disappears as well.

[David]

Hi there,

can you set up your site so you can see the navigation and the sticky nav, then share me a link to the site, and ill see what is needed.

[Klara]

Hi!
The site is http://saradaniusstiftelse.se/ it’ has a coming soon page but if you use login: guest pw: guest you should be able to see it.

Thank you!

[David]

Do you want to remove the site header ( logo etc ) too?

[Klara]

Yes, but only for the front page, on the other pages of the site I want there to be a logo+nav at the top.

[Ying]

Try this CSS for the navigation:

.home .main-navigation:not(#sticky-navigation) {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

And you can use a layout element to remove the site header for homepage.

[Klara]

Thank you so much for your help!

[Ying]

No Problem 🙂

[Author]

Posts