New Shopify Certification now available: Liquid Storefronts for Theme Developers

Adjust Dawn Image Banner Container Size

Solved
letmebri
Excursionist
20 0 4

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

Accepted Solution (1)
made4Uo
Shopify Partner
3787 710 1101

This is an accepted solution.

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%;
}
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 3 (3)
made4Uo
Shopify Partner
3787 710 1101

This is an accepted solution.

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%;
}
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
Rambleroam
New Member
4 0 0

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

natbeley
Tourist
9 0 1

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