How to center the header menu of Dawn theme? Just the header menu, not the logo. By default it is aligned to the left side. Thanks.

Open assets/base.css in the code editor, look for this code around line 1887, and replace the first auto with 1fr. Before: [ksnip_20211123-194953.png] After: [ksnip_20211123-195117.png]

@Questions1 Please add following css your assets/base.css bottom of the file. @media screen and (min-width: 990px){ .header--middle-left .header__inline-menu { margin-left: auto; min-width: 1200px !important; text-align: center !important; width: 100% !important; } } Thanks!

@Questions1 , do this to fix it in 20 seconds: In your Shopify Admin go to: online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: @media (min-width: 990px){ .header{ display: flex !important; justify-content: space-between !importa…

Hi Simply add the following to the end of your base.css file @media screen and (min-width: 990px) { .header–middle-left { grid-template-columns: auto 1fr auto; } } .header__inline-menu { justify-self: center; /* start | center | end */ } You can set the menu postion to left, center or righ…

Does this still work for Dawn 9 or 10?

Si quelqu’un a besoin, cela fonctionne encore sur 13.0 et se trouve a la ligne 2421 dans le code - chez moi. Cordialement

Top Man! 20 seconds! Done! Big Thanx

Checkout our video tutorial if you are a beginner [How To Center The Header Menu in Shopify [Dawn Theme]]

How can I center the header menu in the Dawn theme?

Store Design

dmwwebartisan November 23, 2021, 6:43am 2

@Questions1

Please share your store URL!

Thanks!

Topic		Replies	Views
How can I center the header menu in Dawn theme on desktop view? Store Design	18	213	October 11, 2024
How do I center the header menu for the Dawn theme? Store Design	7	314	March 19, 2023
Center header menu dawn theme Store Design liquid , header , css , html	3	63	January 30, 2025
How can I center the Main Menu in the updated Dawn theme? Store Design	12	104	April 22, 2022
Center Logo with menu under logo in Dawn theme header Store Design design , css , shopify-themes	6	337	March 21, 2023

How can I center the header menu in the Dawn theme?

Related topics