Images are fine on mobile but too big on desktop (dawn theme)

Store Design
, , ,

Topic summary

Main issue: On the Dawn theme, banner/hero images look correct on mobile but appear oversized and cropped on desktop.

Context: A preview link and multiple screenshots were provided to show the desktop cropping problem. Images/attachments are central to understanding the issue.

Suggested fix: Resize images to recommended dimensions—1920×1080 for desktop and 800×800 for mobile. This addresses excessive image height on desktop.

Constraint raised: The section currently allows only a single image upload, making it hard to optimize both desktop and mobile with one asset.

Proposed approach: Add theme code to enable separate image fields for desktop and mobile (i.e., a customization to the Dawn section). If the user can’t provide a desktop-sized asset, a full-width image can be supplied and adjusted by the helper.

Status/outcome: No confirmed implementation yet. The user asks if it’s possible within Shopify to upload two images (desktop and mobile). The implied answer is yes via custom coding; no step-by-step or native setting was provided. Discussion remains open.

Summarized with AI on December 14. AI used: gpt-5.
1

The mobile layout is fine, but in desktop mode, the images are way too big and do not adapt to desktop correctly. Some images are cut off Here is my preview link: https://1hyf20wssoxuzngz-26704248912.shopifypreview.com

thesheaparlor_0-1727747981061.png

thesheaparlor_1-1727747981063.png
thesheaparlor_1-1727747981063.png466×262 67.7 KB

thesheaparlor_2-1727747981064.png
thesheaparlor_2-1727747981064.png322×203 24.9 KB

thesheaparlor_3-1727747981064.png
thesheaparlor_3-1727747981064.png364×209 78.1 KB

thesheaparlor_4-1727747981473.png
thesheaparlor_4-1727747981473.png349×998 168 KB

thesheaparlor_5-1727747981066.png
thesheaparlor_5-1727747981066.png395×419 40.3 KB

2

Hi @thesheaparlor

I check you website, there is your banners images height is too bigger. there is the only solution you should edit the image again with the recommended size for desktop is 1920 x 1080 pixels and for mobile 800 x 800’

Thanks

3

But how can I resize it to fit on both desktop and mobile if I’m only able to upload one image?

4

Hi @thesheaparlor

if your image of mobile is fine then we will add option for you both separate images for both desktop and mobile we need to code for it you need to separate image resize for desktop is 1920 x 1080. if you will not able to do this resize then please send us full width image .then we will adjust it for the same.

5

but Shopify only lets me upload one photo. Is there a way I can upload one photo for desktop and one photos for mobile? thank you!