[Resolved] navigation menu bar alignment

[Stephen]

Ive used the following CSS to style the nav menu bar to have the cart on the right and the nav menu in the middle.

But this does leave the main part of the nav menu off centre (a bit to the left).

Is it possible to have it so the main nav menu is dead centre and the nav menu cart is full right ?

Thank you
Stephen

/* cart float right menu centre desktop */
.nav-float-right #site-navigation {
width: 100%;
}
.main-navigation .main-nav>ul {
position: relative;
}
.main-nav {
margin: auto;
}

[Leo]

Hi there,

Can you try removing the CSS you’ve added for this and use this instead?

.main-navigation .menu-bar-items {
    position: absolute;
    right: 0;
}

[Stephen]

Hi Leo, thank you its right in the middle now.

Much appreciated.

Stephen

[Leo]

No problem 🙂

[Author]

Posts