- This topic has 13 replies, 4 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
Hi, how can I hide the primary navigation and have it appear only upon scrolling down?
I think there is a CSS solution back from a few years ago but this might be out of date.
Customer Support
Hi there,
Try this:
.main-navigation:not(.is_stuck) { display: none; }Thank you that’s resolved! 😀
You are welcome  🙂
Apologies for the follow up, is it possible to have this CSS work only for the home page and not the rest of the website?
Yes, you just need to add
.hometo the selector:.home .main-navigation:not(.is_stuck) { display: none; }thank you:)
No Problem 🙂
Apologies for coming back to this, the solution works for desktop but not for mobile. Is it possible to make it applicable to all devices??
Customer Support
Hello there,
Try replacing the code you have with this:
.home nav#mobile-header:not(.is_stuck) .inside-navigation.grid-container.grid-parent, .home .main-navigation:not(.is_stuck) { display: none; }Thank you 🙂
You’re welcome! 🙂
Hi, the above code stopped working on mobile. Is there anything I should amend in the css above?
Customer Support
That CSS should still work – nothing has changed on our end.
I’m not seeing it being added either so I’m assuming that there is a syntax error somewhere as mentioned in your other post.
You can move it to the top of all your CSS to test as well.
- You must be logged in to reply to this topic.
