All things Shopify and commerce
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.
Solved! Go to the solution
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%;
}
}
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%;
}
}
AMAZING, I was so annoyed with how wide they were, great fix! thank you
Am I doing something wrong, this still didn't work for me. Do I need to edit this sizing?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025