image banner too wide, cropped if I set to small

Technical Q&A
,

Topic summary

A Shopify Dawn theme user is experiencing a banner image width issue where images appear correctly sized within the Shopify editor but display excessively wide when viewed live on the internet.

Key Details:

  • Banner images extend much wider than desired, significantly exceeding the width of collection images positioned below them
  • The header, shopping cart, and search button don’t extend to the edges as the banner does
  • Issue affects both desktop and mobile views when live
  • Problem appeared suddenly after an unknown change and has propagated to all backups

Current Status:

  • Displays correctly in Shopify’s preview/editor environment
  • Issue only manifests on the live site
  • User seeking CSS or theme configuration solution to constrain banner width to match other page elements
Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Screenshot 2023-05-04 114724.png
Screenshot 2023-05-04 114724.png1353×836 251 KB

Screenshot 2023-05-04 114820.png
Screenshot 2023-05-04 114820.png1918×877 374 KB

Hello. In Dawn theme, my banner images are way too wide. I don’t want them to be much wider than the 3 collection images that sit just below it. It was fine before today but I’m not sure how I messed it up. It’s now in my live site and it also affected all my backups.

In the first image, this is how it displays for me inside shopify. It looks good. The shopping cart and search button extend to near the edges. But when displayed live, the header doesn’t extend to almost the edges and the banner images are too big.

www.zindoria.com

password: pahsto

2

Just to add, when I am working on it within shopify, it displays properly, both on desktop and mobile. But when I view it live on the internet, the banner images are gigantic.