How can I move the menu position to the left in the Dawn theme header?

[monomgroup]

Hi!

Our Menu currently is positioned in the center of the header. Can anyone help moving it to the left in the header-bar?

Please see screenshot: 

 

shop url: www.mism.store

Thanks in advance!

Best,

team-mism

[BSS-Commerce]

Hi @monomgroup 

Is this the final result you want ? 

Follow these step and try it: Online store > Theme > Edit code >  go to file base.css. Then, insert this code at the end of file.

@media screen and (min-width: 990px){
 .header--top-center {
    grid-template-areas:
        "navigation navigation ."
        "left-icon heading icons";
 .header--top-center .header__inline-menu {
    justify-content: left;
 }
}

Hope helpful for you. If it worked, please mark as solution. Good luck!

[monomgroup]

Hi! 

Thanks for the reply and the suggestion! Tried it and the outcome looks like this now (s. screenshot): 

We would like to have it in line with the logo more to the left. Is there a way of adjusting this? 

Thanks a lot in advance! Appreciate it!

www.mism.store

best,

team-mism

[BSS-Commerce]

Sorry my mistake. Please, insert this code again. 

@media screen and (min-width: 990px){
 .header--top-center {
    grid-template-areas:
        "navigation navigation ."
        "left-icon heading icons";
 }
 .header--top-center .header__inline-menu {
    justify-content: left;
 }
}

You can check on store font if attribute "justify-content" is left , it work.

[monomgroup]

Replaced it and checked. Justify content is still on: center.

s. screenshot

 

[BSS-Commerce · Accepted solution]

You can replace justify-content: left by justify-self : left

@media screen and (min-width: 990px){
 .header--top-center {
    grid-template-areas:
        "navigation navigation ."
        "left-icon heading icons";
 }
 .header--top-center .header__inline-menu {
    justify-self: left;
 }
}

If it still doesn't work, please send us your collaborator request to check it carefully.