How to center the header menu on shopify Dawn theme?

[lagentilestore]

Hi!

Our header menu is now outlined to the left but we would like to have it centered in the middle?
Anyone who can assist us with this? 

Kind regards,
Els

[PageFly-Richard · Accepted solution]

Hi @lagentilestore ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

@media screen and (min-width: 990px) {
    .header--middle-left {
        grid-template-columns: auto 1fr auto !important;
    }
    .list-menu--inline {
        justify-content: center !important;
        display: flex !important;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

[lagentilestore]

It worked! Thank you so much. 

[websensepro]

If some one is still looking for the solution, checkout our easy to learn video tutorial here