Empire Theme: Centralise Mega Menu Items

[BethParma]

Hi! 

I've just added mega menus to my site (parmagroup.co.uk) - but I don't like how everything is aligned left. What code do I need and where do I need to put it to align these options to the center of the page? 

I've tried using what little there is out there on this already in the theme.liquid, theme.css and meganav-standard.liquid but can't get it right!

I'd appreciate any help!

[Tech_Coding · Accepted solution]

Hello @BethParma 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.navmenu-meganav-wrapper {
justify-content: center;
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Tech_Coding · Accepted solution]

Hello @BethParma 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.navmenu-meganav-wrapper {
justify-content: center;
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[BethParma]

Ah amazing, thank you so much for your help!!

[BSSCommerce-B2B · Accepted solution]

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </head> on theme.liquid

<style>
.navmenu-meganav-wrapper {
  justify-content: center!important;
}
</style>

Result:

[Rahul_dhiman]

Hello @BethParma 

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file and save.

.navmenu-meganav-wrapper.navmenu-meganav-standard__wrapper {
    justify-content: center !important;
}

 result

If this was helpful, hit the like button and accept the solution.
Thanks