Match the image banners width to the page size Dawn theme

Store Design
,

Topic summary

  • Goal: Limit visual sections (image banners, featured collections, slideshow) to a fixed page width of 1300px in the Dawn theme so they don’t expand beyond the site’s set width.

  • Current behavior: Header and footer respect the 1300px width, but the image-based sections scale indefinitely and exceed the page width.

  • Attempts made: Edited section_image_banner.css (e.g., width: 80%) with no effect. Added CSS in theme.liquid targeting [id*=‘section’][id*=‘image’] with max-width: 80%, width: 100% !important, margin: 0 auto, plus a mobile media query. Result: only one image banner became smaller (too small) and stopped overscaling; others did not consistently follow.

  • Open question: How to enforce a hard max-width of 1300px specifically for image banners and the slideshow in Dawn.

  • Prior reference: A community solution for Dawn 2.0 image banner width was tried but did not work.

  • Status: Unresolved; seeking the correct code/selector and placement to cap these sections at 1300px.

Summarized with AI on January 10. AI used: gpt-5.
1

I hope somebody can help me with this. I set the page width of my site to 1300px . The footer and header match that.

Only the image banners, featured collections and slide will not fixto that 1300.

Preferably I would like to the images to scale up to 1300 px…but now they scale up indefinite.

I’ve tried some copied code in the section_image_banner.css and width 80%

but im not sure that’s the problem. It didn’t make any difference and its not only the image banner.

EDIT:

I used this code and placed it in theme.liquid:

[id*='section'][id*='image']{ max-width: 80%; width: 100% !important; margin: 0 auto !important; } @media (max-width: 749px){ [id*='section'][id*='image']{ max-width: 100%; } }

Only one image banner is now smaller (too small…but it doesn’t blow up indefinitely anymore)

Im pretty sure there is a code that I place somewhere that says: nothing can be bigger than 1300 pix wide?

thank you!

2

My question is now only:

can I make the image banner and slideshow so they can’t get bigger then my page width? (1300px) in Dawn theme?

I found this answer…tried it…but this does not work.

https://community.shopify.com/topic/1385627