How to center the header menu on shopify Dawn theme?

Store Design
, , ,
1

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

2 Likes
2

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;
    }
}

PageFlyRichard_0-1676897585164.png
PageFlyRichard_0-1676897585164.png1199×356 25.8 KB

I hope it would help you
Best regards,

Richard | PageFly

2 Likes
3

It worked! Thank you so much.

1 Like
4

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