How to Center Align Header Navigation Menu in Shopify Dawn Theme

Go to Shopify Dashboard

Click on the three Dots > and Click on the Edit Code Button

Search base.css and open base.css file

Scroll Totally bottom side and press enter on the last line for blank row addons

and Paste this code on the base.css section.

@media screen and (min-width: 990px){
.header--middle-left {
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
}
}

@media screen and (min-width: 990px){
.header--middle-left {
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
}
}

Now your Header Menu Center Align

Also available youtube tutorial, don’t forget to subscribe 🙂