[finger123Participant]

I am trying to align just my menu items to the left instead of default which is centered. Leaving my logo the way it is. The codes that i find on the KB articles does not seem to pertain to what i am trying to do.

[finger123Participant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please try adding the following CSS:

.x-navbar .desktop .x-nav > li > a,
.x-navbar .desktop .x-nav > li > a > span {
    padding-left: 0;
    padding-right: 0;
}
.x-navbar .desktop .x-nav > li > a > span {
    padding-left: 10px;
}

Hope it helps 🙂

[finger123Participant]

hi. the code didnt do anything that i could notice.

[JadeModerator]

Hi there,

Please try this code instead:

.x-navbar .desktop .x-nav > li > a,
.x-navbar .desktop .x-nav > li > a > span {
    text-align: right;
}

Hope this helps.

[finger123Participant]

Hi

That didnt make a change either. Didnt work.

[FriechModerator]

Hi There,

Add this custom CSS instead.

@media (min-width: 980px) {
	.x-navbar .desktop .x-nav > li > a {
	padding-left: 0;
    text-align: left;
}
}

Make sure to clear your browser’s cache before previewing the page.

Thanks.

[finger123Participant]

This code worked great! Thanks again!

[RahulModerator]

Glad it worked for you.

If you have any further queries regarding the theme, feel free to ask us. We’d be happy to assist you with anything.

Thanks for choosing the X-theme. 🙂

[Author]

Posts