Hi,
I would like to remove the header logo from the homepage before scrolling and have it appear again when I scroll down.
But I would also like to move the navigation links up to the top of the page before scrolling when the page is loaded. And the links back to default position once I scroll down.
All only on the welcome home page. I need all the other pages to remain the default. Is there a way to do that via Custom CSS?
Hi Michael!
Add this to your custom CSS.
.home .av_header_transparency #header_main > .container {
display: none;
}
Regards,
Elliott
Wow Elliott! That’s amazing. Thank you.
One issue however, it takes away the entire navigation bar from mobile. I still need the logo and bar in mobile, just not desktop.
I think this worked. Took it from another post.
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
.home .av_header_transparency #header_main > .container {
display: none;
}