Centre align drop down of mega menu in Dawn theme

Store Design

Topic summary

A user seeks to center-align the mega menu dropdown in the Dawn theme, which is currently left-aligned by default.

Solution Provided:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Open Asset > base.css
  • Add the following CSS at the bottom:
.mega-menu .mega-menu__list--condensed li {
    margin: 0 auto;
}

Outcome:

  • The original poster confirmed the solution worked successfully
  • A later user reported the same CSS code did not work for them, suggesting the issue may be theme-version specific or require additional troubleshooting

The discussion remains partially open as the secondary user’s problem is unresolved.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I want to centre align my mega menu drop down. Currently its left aligned. I’m using Dawn theme

Screenshot 2023-07-13 at 13.49.45.png
Screenshot 2023-07-13 at 13.49.45.png1103×210 4.58 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hi,

Just sent you the password and store link.

Adding my store link here as well: https://4c6338-2.myshopify.com/

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.mega-menu .mega-menu__list--condensed li {
    margin: 0 auto;
}

ZestardTech_0-1689240276555.png
ZestardTech_0-1689240276555.png1647×536 62.7 KB

1 Like
5

It worked, thanks a lot.

1 Like
6

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

1 Like
7

Hi there, I tried using the code and pasting at the base.css but it doesn’t work.