How can I center the links in the Dawn theme's mega menu?

Store Design
1

I am using the new Dawn theme and it’s mega menu.
When you click the main menu and the links pop up, all the content is pushed to the left making it hard to even notice the links/content in the menu.

How can I center the links/content of this menu?

I do not grant access to my store.

Thanks in advance

1 Like
2

Hi @VSLV22 ,

You can try the code below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
a.header__menu-item.list-menu__item.link {
    display: block;
    text-align: center;
}
3

That didn’t do anything. Thanks for the try.

4

@VSLV22

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
5

@VSLV22

thanks for url DM

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-mega-menu.css->paste below code at the bottom of the file.
ul.mega-menu__list.page-width {
    display: flex;
    justify-content: center;
}
4 Likes
6

Woooooooo! That worked!

Thank you so much!!

1 Like
7

@VSLV22

its my pleasure to help us

1 Like
8

Thank you! So easy…I’ve been trying to do this for an hour and this took 30 seconds.