Align navigation with right side of page

[marcoalvarez]

Hello I’m using the X theme, I would like the navigation links to align to the right of the page as shown in the image below

.

Thanks

[christian]

Hey @marcoalvarez,

There is no styling option available for that out of the box so custom CSS is needed. We’ll provide an initial guidance but please note that continued CSS or custom coding is beyond the scope of our theme support. If you have more header/footer or any customization that can’t be accomplished using the Theme Options, please consider upgrading to Pro so that you’ll have a Layout Builder you can use to build any design.

For the initial guidance, add the following code in Theme Options > CSS.

.x-navbar .desktop .x-nav > li > a:last-child {
    padding-right: 0;
}

Hope that helps and thank you for understanding.

[marcoalvarez]

Thank you so much for your help but unfortunately the CSS provided makes no difference to the padding.

[christian]

Hey @marcoalvarez,

Try adding !important to it like:

.x-navbar .desktop .x-nav > li > a:last-child {
    padding-right: 0 !important;
}

If that doesn’t help still, there might be a conflicting CSS in your site. We cannot provide further support if the suggested code won’t work on your site.

If you wish to continue with the custom code but are not ready to upgrade to Pro yet, you might want to subscribe to our One premium support where we provide WordPress support including customization guidance.

Thanks.