Navigation menu with primary menu in the middle and nav button to the right

Hi there,

do you have a site setup that i can see?

Hi David,

Yes, here you go

Thanks

Hi karenh,

Try this CSS:

nav#site-navigation {
    flex: 1;
}
nav#site-navigation > .inside-navigation > #primary-menu > ul {
    justify-content: space-between;
}
nav#site-navigation > .inside-navigation > #primary-menu {
    width: 100%;
}
nav#site-navigation > .inside-navigation > #primary-menu > ul > li:last-child, nav#site-navigation > .inside-navigation > #primary-menu> ul > li:first-child {
    margin-left: auto;
}

Thank you!

No problem :)

Hi Ying,

Is there a way to keep it consistent when the sticky menu is enabled? Right now when you scroll the page it all aligns right.

https://themaydev.wpengine.com/

Thank you

Try add this CSS as well:

@media (min-width: 769px) {
    nav#sticky-navigation > .inside-navigation > #primary-menu > ul > li:last-child, nav#sticky-navigation > .inside-navigation > #primary-menu> ul > li:first-child {
        margin-left: auto;
    }
    nav#sticky-navigation div#primary-menu {
        flex: 1;
    }
}

Let me know :)

Perfect! Thank you!

You are welcome!