Align nav bar to left - Icon stack

[Gingerfizz_Marketing]

Hi,

I want to align the main nav bar items to the left (rather than centered) - how can I do this? I’ve tried various bits of css with no luck…

[basanta]

Hi There,

Thanks for writing in!

Please add this css to your theme option -> Global css and let us know how this goes.

.masthead-stacked .desktop .x-nav {
margin-left: 0px;
}

Hope this helps!
Thanks

[Gingerfizz_Marketing]

Hi @basanta,

Unfortunately, that didn’t change anything & the nav bar menu items remain centralised. It’s not the margins that are the issue, I want to left align all the menu items (text), rather than view them centralised.

Any other ideas?
Thanks

[nabeel]

Hi again,

Can you please share the URL of your site so we can take a look?

Thanks!

[Gingerfizz_Marketing]

Hi Nabeel,

It’s in development so only a holding page at the moment. I’ll send a PM with login details for you to take a look.
Thanks

[friech]

Hi There,

Thank you for the credentials, so its a fixed left navbar, please add the following custom CSS to Theme Options > CSS

.x-navbar-fixed-left .desktop .x-nav>li>a {
	text-align: left;
}

Hope it helps,
Cheers!

[Gingerfizz_Marketing]

@friech

.x-navbar-fixed-left .desktop .x-nav>li>a {
text-align: left;
}

Thanks - that worked perfectly, but the client has now decided they prefer it centralised!! Typical…!

[Joao]

Thanks for letting us know!