Dawn theme header customisation

simoel
Shopify Partner
1 0 0

Hello there,

 

I am trying to customize dawn theme header to look like the pictures attached.

 

desktop and mobile

 

header.png

 

header-mobile.png

 

 

 

 

Thanks in advance

 

 

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
6944 1312 1339

Hi @simoel 

Go to Online store > Themes > Customize > Header > Desktop logo position > Middle left and save setting.

Then go Online store > Themes > Edit code > find and open theme.liquid, add this code below under <head> element

 

@media (min-width: 990px) {
.header--middle-left {
grid-template-columns: 8fr auto 1fr !important;
}
}

 

Screenshot 2024-01-05 at 08.45.25.png

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now