Solved

Dawn Theme Header Doesn't Adjust To Screen Sizes

raresupply
Excursionist
16 0 8

Hey all,

I am currently using the dawn theme and various aspects have been adjusted with code.

My store is: raresupply.co

I was wondering if anyone can help me with the header, when on bigger screens it doesn't seem to adjust in size leaving a white area to the right hand side.

This can also be noticed if the webpage is zoomed out, can someone please help me so it can adjust to all sizes of screens.

Thank you!

Screenshot 2021-11-04 154727.jpg

Accepted Solution (1)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@raresupply 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

header.header.header--middle-left.page-width.header--has-menu {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

View solution in original post

Replies 3 (3)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@raresupply 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

header.header.header--middle-left.page-width.header--has-menu {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
raresupply
Excursionist
16 0 8

Thank you so much, now is there code i can use to get rid of the padding on the home page, so the products stretch the whole way on the left and right?

KetanKumar
Shopify Partner
36839 3635 11972

@raresupply 

yes please go head 

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