Mega Menu - submenu

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

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! :slightly_smiling_face:

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

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 tag and paste the code below before the tag.


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

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

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;
}

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