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=9e4a665f68b2e32aba270b44acc2a8b1aeca3da267aa69b72db77…

@dashawerise sorry for any issue can you try this code Go to Online Store->Theme->Edit code Asset->/base.css ->paste below code at the bottom of the file. .header--middle-left .header__inline-menu {text-align: right;}

Hi - Thanks so much for the reply. The URL is https://volleyllamapickle.com . Please let me know if you need anything further! Thanks, Connor

@connorbcarroll thanks but your store is password protected

@KetanKumar sorry about that - store is now live and un password protected. Thanks for taking a look. Connor

@connorbcarroll yes please try this code Go to Online Store->Theme->Edit code 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 auto 0fr;} }

hi @KetanKumar thanks so much for this code - This brought my two menu items more centered on the page - Any suggestions to make the menu completely right-aligned (logo on the left still) on the header so they are right next to the search and checkout buttons? Thanks again

I’m trying to do the same thing, and the code doesn’t work on my site . Why Shopify doesn’t do this officially is beyond me imo. The default style is terrible UI/UX.

@ChrisReactive sorry for terrible that issue can you try this code Go to Online Store->Theme->Edit code Asset->/base.css ->paste below code at the bottom of the file. @media screen and (min-width: 990px) { .header--middle-left .header__inline-menu {text-align: right;} }

is there any way just move the logo center and keep the rest as default

@Roheel yes, please share store url

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

Store Design

KetanKumar November 13, 2021, 5:40am 12

@connorbcarroll

yes please add this code

.site-header .wrapper {
    max-width: 100%;
}

1 Like

Topic		Replies	Views
Move menu to the left and logo to centre in Dawn 2.0 Store Design	16	115	October 29, 2022
moving header menu next to logo which is on the left hand side in dawn theme Store Design menu	2	445	March 7, 2025
I need to move the menu in my header to the right side of the screen using Dawn theme Store Design design	11	308	July 8, 2023
Change menu/logo configuration/appearance Store Design troubleshooting	1	351	June 16, 2022
How To Move Header Dawn Theme Store Design header	3	69	February 5, 2025

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

Related topics