Dawn Theme Header Doesn't Adjust To Screen Sizes

Store Design
1

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
Screenshot 2021-11-04 154727.jpg1931×808 94.1 KB

1 Like
2

@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%;}
1 Like
3

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?

1 Like
4

@raresupply

yes please go head