Hello! I'm looking to hide my navigation header on my landing page (labeled "work" on my site). How might I be able to do that?
Though the above will fix my issue in general, I'm specifically hoping for a way to have the nav menu hidden when at the top, but will pop up when scrolling back up like it does when you activate the option Header Navigation > Animation Effects > Header Hide Until Needed.
Unfortunately not. At the end of the day I'm trying to hide the menu from the landing page, but if possible, only have it show up when scrolling up along the page, to only disappear again when reaching the top of the page. Not too sure if that's achievable, so even a way to hide the navigation outright from that specific page would be good.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hello! I'm looking to hide my navigation header on my landing page (labeled "work" on my site). How might I be able to do that?
Though the above will fix my issue in general, I'm specifically hoping for a way to have the nav menu hidden when at the top, but will pop up when scrolling back up like it does when you activate the option Header Navigation > Animation Effects > Header Hide Until Needed.
Hey there,
Thanks for reaching in,
Is this Header Navigation > Animation Effects > Header Hide Until Needed. not sufficient for the function you need?
Regards
Themenectar Support Team
Hey Scott,
Unfortunately not. At the end of the day I'm trying to hide the menu from the landing page, but if possible, only have it show up when scrolling up along the page, to only disappear again when reaching the top of the page. Not too sure if that's achievable, so even a way to hide the navigation outright from that specific page would be good.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body[data-hhun="1"].page-id-613 #header-outer:not(.parallax-contained).at-top { display: none !important; }Thanks
ThemeNectar Support Team