Center header menu dawn theme

[Daniel19901]

Hi, can anyone share with me the code for center aligned header menu (Dawn theme)?

thank you in advance !

b36746-fa.myshopify.com
Password: meolyo

[ZestardTech · Accepted solution]

Hello @Daniel19901,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

.header--middle-left {
        grid-template-columns: 1fr auto 1fr !important;
}

Let me know if you need further assistance!

[DaisyVo]

Hi Daniel19901

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
@media screen and (min-width: 1024px){
header.header {
grid-template-columns: auto 1fr auto !important;
}
nav.header__inline-menu ul.list-menu.list-menu--inline {
display: flex !important;
justify-content: center;
}
}
{% endstyle %}

[vm-web]

@Daniel19901 

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file.

.header--middle-left {
        grid-template-columns: 1fr auto 1fr !important;
}

Thanks!