FROM CACHE - en_header

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

Solved
dashawerise
Excursionist
14 0 8

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

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
34754 3469 11334

This is an accepted solution.

@dashawerise 

sorry for any issue 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.

.header--middle-left .header__inline-menu {text-align: right;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 33 (33)
KetanKumar
Shopify Partner
34754 3469 11334

This is an accepted solution.

@dashawerise 

sorry for any issue 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.

.header--middle-left .header__inline-menu {text-align: right;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dashawerise
Excursionist
14 0 8
KetanKumar
Shopify Partner
34754 3469 11334

@dashawerise 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
connorbcarroll
Tourist
4 0 4

Hi There - I am trying to use the same code but am having trouble getting into to work with my Dawn theme. I have pasted at the very bottom of base.css but when I refresh, the menu items still are left aligned next to the logo. Screen Shot 2021-11-11 at 8.21.11 AM.png

KetanKumar
Shopify Partner
34754 3469 11334

@connorbcarroll 

sorry for that issue can you please share store url so i will check and let you  know

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
connorbcarroll
Tourist
4 0 4

Hi - Thanks so much for the reply. The URL is https://volleyllamapickle.com

 

Please let me know if you need anything further!

 

Thanks, 

Connor 

KetanKumar
Shopify Partner
34754 3469 11334

@connorbcarroll 

thanks but your store is password protected

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
connorbcarroll
Tourist
4 0 4

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

 

Connor 

KetanKumar
Shopify Partner
34754 3469 11334

@connorbcarroll 

yes please 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: auto auto 0fr;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
connorbcarroll
Tourist
4 0 4

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 

KetanKumar
Shopify Partner
34754 3469 11334

@connorbcarroll 

yes please add this code 

.site-header .wrapper {
    max-width: 100%;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ChrisReactive
New Member
2 0 2

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.

KetanKumar
Shopify Partner
34754 3469 11334

@ChrisReactive 

sorry for terrible that issue 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 .header__inline-menu {text-align: right;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Roheel
Tourist
5 0 1

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

KetanKumar
Shopify Partner
34754 3469 11334

@Roheel 

yes, please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ChrisReactive
New Member
2 0 2
KetanKumar
Shopify Partner
34754 3469 11334

@ChrisReactive 

wow  that would be great 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Roheel
Tourist
5 0 1

i have manage to do that, but thank you so much for your reply.

krboyle
New Member
1 0 0

Hey @KetanKumar your help on this thread is amazing! 

Quick question - on the Dawn theme I am trying to move my logo a little to the left (it is currently left aligned, need to move it more to the left on larger screens). This is the code I tried adding to base.css and it didnt do anything, any suggestions? Much appreciated!


@media screen and (min-width: 750px) {
.logo-align--left {
position: relative;
left: 100px; /* change value as you like */
}
}