How to centre nestled menu items under main menu

How to align nestled menus to the centre as opposed to the left side under a Main Menu, for the nestled menus. Using the Dawn Theme.

www.valentinafine.com

Go to Engagement Rings Main Menu, two menu items under this are left justified and would like to centre them.

Hey @valentinafine ,

Can you try this and see if that’s what you are looking for? :blush:

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

Thank you so much, that worked and now centered, but the nestled menus now have a large gap between them, any idea how to solve this please?

Hey @valentinafine ,

Please delete the code I gave earlier and replace it with this one


Thank you thats epic!

Have just noticed my company name (logo) has now justified itself to the left instead of being centred, assuming related… can you help please :slightly_smiling_face:

Hey @valentinafine ,

They are not related. I deactivated the styling I provided earlier and the logo never moved. I would suggest that you check your settings and see if you changed anything (Or updated something).

In the event that none of that works, please delete the code I gave above and replace with this (It will retain all the previous styling + fix the logo)

First part is the same code as above (I just combined them so it’s easier for you to just paste it)


All beautiful again :slightly_smiling_face: thank you once again

Hello again :slightly_smiling_face: I notice my brand name again is not quite in the centre, could you please help :slightly_smiling_face:

www.valentinafine.com

Hey @valentinafine ,

You can adjust the 10% for mobile and 35% for desktop. If you lower it, it’ll move to the left, increase it and it’ll move more to the right

Thank you again :slightly_smiling_face: