Archived topic
Sticky Navigation shifts right on scroll down
3 replies · Started by Royce on February 4, 2022
Hi GP team, just wanted to start off with saying your theme and plugins have been a pleasure to build with.
I just have a problem that I've run into with my sticky navigation - the entire navigation menu (logo + menu items) shift right when I scroll down the page, and then shift back left when I reach the top of the page again, returning to its original (and intended) position.
I can't seem to find anything wrong with the CSS on the Chrome dev tools when I scroll down, so I'm pretty stumped.
I've linked my working website to the private information, if you can help me check out what is causing this behavior.
Thanks in advance!
Hi there,
The issue comes from this CSS you've added:
#site-navigation .inside-navigation .navigation-branding {
margin-left: 0;
margin-right: 0;
}Try changing it to this:
.main-navigation .inside-navigation .navigation-branding {
margin-left: 0 !important;
margin-right: 0;
}Thanks Leo, I didn't catch that one. I don't remember adding that CSS in fact.
Awesome support! Thanks again!
No problem :)
