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! ![]()
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.