[Support request] Center Primary Navigation menu items makes Sticky Navigation items move right

[Jessica]

Hi,

I have used your CSS from below to center my primary menu. I also use a sticky menu and it also becomes centered (which I’d like) but it is slightly moved to the right compared to primary navigation and therefore not fully centered (e.g. when scrolling down the menu items jumps to the right). Any idea why or how this can be adjusted?

.main-navigation {
width: 100%;
}
.main-navigation .main-nav {
margin: auto;
}

[David]

Hi there,

try adding this CSS:

#sticky-navigation .menu-bar-item {
    margin-left: 25px
}

[Jessica]

It did not help.
And I tried -25px too and added ; after px

[Ying]

Can you try adding this CSS instead?

#sticky-navigation .menu-bar-items {
    margin-left: auto !important;
}

[Author]

Posts