How to center the menu of Dawn theme?

Solved
Questions1
New Member
2 0 1

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.

Accepted Solution (1)

Accepted Solutions
ThomasBorowski
Shopify Expert
648 44 153

This is an accepted solution.

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

Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
★ EU B2B customer registration with VAT ID validation: https://apps.shopify.com/b2b-customer-registration ★

View solution in original post

Replies 5 (5)
dmwwebartisan
Shopify Partner
9731 2226 3057

@Questions1 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Questions1
New Member
2 0 1
URL: spetz.no
dmwwebartisan
Shopify Partner
9731 2226 3057

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
diego_ezfy
Shopify Partner
2299 413 538

@Questions1, do this to fix it in 20 seconds:

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:

@media (min-width: 990px){
    .header{
    display: flex !important;
    justify-content: space-between !important;
}
}

 

diego_ezfy_0-1637662719085.png

 


Kind regards,
Diego

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.
ThomasBorowski
Shopify Expert
648 44 153

This is an accepted solution.

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

Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
★ EU B2B customer registration with VAT ID validation: https://apps.shopify.com/b2b-customer-registration ★

View solution in original post