Different Mobile Banner to Desktop Banner

Store Design
,

Topic summary

A user working with the Dawn theme seeks help implementing separate banner images for mobile and desktop displays. They want:

  • A longer, different banner image on mobile versus desktop
  • Both banners to be clickable

A response suggests using CSS media queries to show/hide the appropriate images based on device type, and configuring an image picker setting to manage the separate images.

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

Hi all,

Just wanting some advice/help on some code for Dawn theme to feature a longer and different mobile banner to that, which shows on desktop? I also am hoping to have both of these banners clickable too.

Any help would be greatly appreciated!

Thanks!

2

If you need to upload images for PC and mobile separately, you need to use media to show and hide the corresponding images, and then you need to configure a type=image_picker configuration to configure the images.