How can I adjust the Dawn image banner container size?

Shopify Discussion
1

I want to reduce the width of the white container inside of the image banner. Can someone please help me identify where in the code I can adjust this, if at all possible?

Please and thank you.

Screen Shot 2022-07-22 at 3.58.17 PM.png
Screen Shot 2022-07-22 at 3.58.17 PM.png2024×1044 230 KB

2

Hi @letmebri ,

Please follow the instructions below. I am using the same Dawn with no edits for this code.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
@media only screen and (min-width: 750px){
.banner__box.content-container {
    max-width: 50rem;
    width: 100%;
}
}
2 Likes
3

AMAZING, I was so annoyed with how wide they were, great fix! thank you

4

Am I doing something wrong, this still didn’t work for me. Do I need to edit this sizing?