Image sizing issue on desktop version (Dawn theme)

Topic summary

A Shopify store owner using the Dawn theme is experiencing image banner sizing conflicts between desktop and mobile versions.

The Problem:

  • When the image banner is set to ‘Large’, it displays correctly on desktop but appears stretched and oversized on mobile
  • When set to ‘Adapted to image’, the mobile version looks perfect but the desktop version becomes too large and stretched

Current Status:

  • The user has attempted code modifications based on other forum suggestions, but none have resolved the issue
  • Screenshots have been shared showing both scenarios
  • A support member has requested the store URL and password to provide assistance

Desired Outcome:
The user needs either:

  1. A way to keep desktop at ‘Large’ while mobile stays at ‘Adapted to image’, OR
  2. A solution where mobile fits the screen properly at ‘Large’ while maintaining proper desktop sizing

The discussion remains open with no resolution yet provided.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

Hello guys. On my webpage the image is perfect for our mobile site, but then it is far too big and stretched on the desktop version. Can anyone advise how i can change the desktop image to be a ‘large’ photo but not affect the mobile image which is ‘adapted to the image’?

Thanks, if you need anything else let me know

deanewilson17_0-1709024474098.png

Indelity Golf · Customize Dawn · Shopify

Just to add guys. It’s the image banner i am having issues with. The image banner needs to be ‘large’ for the desktop but then ‘adapted to image’ for the mobile site.

Hopefully someone can help as i can’t figure it out for the life of me

@deanewilson17 Please share your store URL and password to help you on this.

Indelity Golf · Customize Dawn · Shopify

halton492

@deanewilson17 Please share the webpage URL you are facing the issue. It will be useful if you could share screenshot of the issue?

Hi, the webpage is Indelity Golf · Customize Dawn · Shopify

Screenshots attached. I have now tried changing the code on the image banner based on some other suggestions i have seen on here but none seem to work.

Essentially i either need the mobile image to fit the screen and keep the image banner for desktops pre set at ‘Large’ or i need to amend the size of the desktop image and keep the image banner for mobile as ‘adapted to image’

These are how the website shows when i change the image banner to ‘adapted to image’ which as you can see then make the desktop image far too big and stretched but perfect on the mobile