Using 'Inline' navbar option, when the space between menu links is expanded, the last menu items moves away from the right hand side of the website

[cbcostello]

How do I align the menu right but still separate the links?

[ruenel]

Hello @cbcostello,

Thank you for the details.

To resolve this issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar .desktop .x-nav > li:last-child > a:not(.x-btn-navbar-woocommerce),
.x-navbar .desktop .x-nav > li:last-of-type > a:not(.x-btn-navbar-woocommerce) {
    padding-right: 0 !important
}

Please let us know if this works out for you.

[cbcostello]

@RueNel

.x-navbar .desktop .x-nav > li:last-child > a:not(.x-btn-navbar-woocommerce),
.x-navbar .desktop .x-nav > li:last-of-type > a:not(.x-btn-navbar-woocommerce) {
padding-right: 0 !important
}

Thank you thats great!!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.