Mega Menu - submenu

[Voldiep]

Hello, 

Refresh theme user here. 

Can you advise how can I align 2 bottom submenu's to the left, rather than in the center? Looks ugly like this. 

Thank you 

[Kyle_Poieo-Dev]

Give us the URL.. It appears to be a flexbox with justify-content: "center" and you'd want it to be justify-content: "flex-start". Tough to say without the URL handy! 🙂

[Voldiep]

Hi @Kyle_Poieo-Dev thank you for prompt reply: https://www.firstgearup.co.uk/

[Kyle_Poieo-Dev]

Hi @Voldiep 

Check this one. 

Is changing theme code something you're comfortable with? Looks llike your .header--top-center .mega-menu__list {} has justify-content: 'center'. If you remove that from your css it will fix the issue.

Or a less elegant approach would be to,

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.

<style>
.header--top-center .mega-menu__list {
justify-content: none
}
</style>

[Voldiep · Accepted solution]

Hi @Kyle_Poieo-Dev  2nd solution didn't work. 

1st did work, but rather deleting, changed to left: 
.header--top-center .mega-menu__list {
display: flex;
justify-content: left;
flex-wrap: wrap;
column-gap: 0;
}

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @Voldiep  I can help you. Please can you provide the password website url. Thank you.

Best regards,

Noah | PageFly

[Voldiep]

Hi @PageFly-Noah  , all sorted. Thank you. 

[PageFly-Noah]

Oh , Looks like you have fixed this issue already. Have a good day.