Archived topic
sticky menu when scrolling
3 replies · Started by Forum User on March 30, 2020
Viewing posts 1–4 of 4
Hi:
I change the background color of the sticky menu when scrolling with this css:
.main-navigation.navigation-stick {
background-color: #0e466f ;
}
How can I change it again when it returns to the initial position.
Thank you.
Hi there,
that should work - but try this CSS selector instead:
.main-navigation.is_stuck
If it doesn't can you provide a link to the site so i can see what the issue is.
Hi David
Would that be the official way to change the color and transparency-changes happening to sticky nav-bar? (to change the properties of the class)
Hi there,
When sticky the is_stuck class gets added to the main-navigation so you can target it like so:
.main-navigation.is_stuck {
/* sticky styles here */
}
This archived topic is closed to new replies.
