Dawn Theme Header Doesn't Adjust To Screen Sizes

Solved
raresupply
Tourist
9 0 5

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)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2495 9027

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
24919 2495 9027

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

raresupply
Tourist
9 0 5

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
24919 2495 9027

@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