Cornerstone Center align mobile main menu items

[nicholaspanetta]

I’m building this website - www.chinatoaus.com.au and im trying to center the main menu items, specifically in the mobile version when you press on the hamburger menu. They are currently left justified.

Im not sure if ive accidentally selected the left justification, but i cant see anywhere to change it. I’ve tried multiple lines of CSS but none work.

Thanks

[prakash_s]

Hello @nicholaspanetta,

Thanks for writing to us.

In case if you want the mobile menu item to be center align you can use this custom CSS code under Theme Option —>CSS

@media (max-width: 978.98px){	
.masthead-stacked .mobile .x-nav {
    text-align: center;
}
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you can subscribe to One to get further assistance.

Hope it helps.
Thanks

[nicholaspanetta]

@prakash_s

@media (max-width: 978.98px){	
.masthead-stacked .mobile .x-nav {
    text-align: center;
}
}

Perfect, thank you so much!

[ruenel]

You are most welcome!