Dawn theme: Move header menu to the right side. Keep logo on the left.

[dashawerise]

Hi there! For some reason, the Dawn theme does not allow customization of header menu placement. I would like it to be on the right side of the header, not the left. I would like to keep the logo on the left. Thanks! 

https://werise.co/?fts=0&key=9e4a665f68b2e32aba270b44acc2a8b1aeca3da267aa69b72db776da3a31951a

[Thimon]

Hey @KetanKumar , using dawn theme 4.0, the code seems to be different. Pasted your code, nothing happened. Maybe you could help again, would be awesome! 

[NomadExplorer]

Hi, Im having an issue with the mobile layout. I would like to have the drop down menu on the far left next to the basket icon but there isn't an option I would also like to have the logo on the left can you help? website is : www.nomad-explorer.com

[danij]

I tried adding all these things and the menu still won't right align.

@media screen and (min-width: 990px) {
.header--middle-left {grid-template-columns: auto auto 0fr;}
}.site-header .wrapper {
max-width: 100%;
}

[nicolasvanegasm]

Hi Katen i think that code don´t work on dawn 2.0, i put that code and nothing happens, any idea? Txs for your help

[KetanKumar]

@nicolasvanegasm 

can you please send store url

[nicolasvanegasm]

https://filamentalcol.myshopify.com/ here is the url

[KetanKumar]

@nicolasvanegasm 

can you try this code

1. Go to Online Store->Theme->Edit code
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: 1fr !important;}
}

Layout Preview After Code..

[nicolasvanegasm]

Txs Ketan it works perfectly 

[KetanKumar]

@nicolasvanegasm 

no rush its my pleasure to help us 

[on-targit]

Hi Ketan,

Is there a way to move ONLY the mobile version of the menu to the right side? I'm happy with the default PC setup, but the menu being on the left in mobile makes no sense. 

[KetanKumar]

@on-targit 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[on-targit]

Thank you so much!

My URL is https://on-targit.com/

in the mobile version of my site I'd like to have the three lines menu in the top right instead of left. It's more intuitive to tap on the screen there especially if you have a large phone.

Again, thanks for looking into this for me!

[KetanKumar]

@on-targit 

thanks for details 

can you please confirm 

[on-targit]

Yeah, how did you manage that? I see you editing the code using developer tools, but is this possible to pinpoint the mobile only code within the dawn theme? 

[okwhatever88]

Hi my website is https://myrchshop.myshopify.com/
Im trying to push menu navigation to the right but the codes you have given does not work for me.
Please help 🙂

[okwhatever88]

i used your latest fix with "!important" and its now working thank you!
awesome as always!

[repeak123]

This did not work for me. Is there another solution by chance?

[nudehaven]

Hi! I have the dawn theme but unfortunately none of the codes above are working. My URL is nudehaven.myshopify.com I want my header menu on the far right side with logo still on the far left. I have a wishlist heart option on header so I don't know if this is why the codes aren't  working for me

[Xndysnski]

Hi Ketan. Code is working, but when I checked the mobile placement, header menu went to the left instead of right. Can you help? 

[Xndysnski]

Code on this please? The header menu here is the way I want it. Thanks xx