How can I use different banners for desktop and mobile on the Dawn theme?

Store Design

Topic summary

A user working with Shopify’s Dawn theme wants to display different banner images for desktop and mobile versions. Currently, their banner appears cropped on mobile devices.

Current Issue:

  • The same banner image is being used across both desktop and mobile
  • Mobile version shows the image cropped on the sides, creating display problems

Status:

  • User has requested code to implement separate banners for each device type
  • Shared their store’s theme editor link for review
  • Another participant asked for the store URL or preview link to provide specific assistance

Discussion remains open - awaiting technical solution or code snippet to enable device-specific banner functionality in the Dawn theme.

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

I want to keep different banners for my desktop and mobile versions. can I get the code, please? It’s the dawn theme. https://admin.shopify.com/store/6d74d6/themes/164010295592/editor

1 Like
2

Hi @divika

What do you mean, different image banner in desktop ang mobile?

3

Hi

this is shown in the mobile version. cropped on either side. what should I do with this?

desktop.jpg
desktop.jpg4032×3024 3.38 MB

1 Like
4

Would you mind to share your store URL? Or even a preview. Thanks!

5

https://admin.shopify.com/store/6d74d6/themes/164010295592/editor?customCss=true&previewPath=%2Fproducts%2Fblue-anarkali-kurta-and-dupatta-set&section=sections–21845226062120__header