Different Banner image For Pc And Mobile | Dawn theme

Store Design
, ,

Topic summary

A user seeks to display different banner images and sliders for desktop versus mobile devices in the Dawn theme.

Proposed Solutions:

  • Create two separate image banner/slider sections: configure one to appear only on mobile and the other only on desktop
  • Use CSS to control visibility by hiding specific images on PC or mobile, then configure the images accordingly

Resolution:
The original poster found a working solution in a Shopify Community thread about adding background images to Dawn sections (https://community.shopify.com/c/shopify-design/adding-background-image-to-dawn-sections/td-p/1992392).

The discussion is resolved with the user implementing the community-sourced fix.

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

Hi

is there a way to make a different banner image and slider for pc and a different image for mobile?

this way I can have a more closer and bigger banner on mobile

any help would be appreciated !

website - https://the-style-luxe.myshopify.com/

password - reucho

2

Create 2 different image banner and slider sections and then setup one appear for mobile, one for desktop only.

3

Write two css to control hiding on PC and hiding on mobile, then configure your images

4

found a simple solution at https://community.shopify.com/c/shopify-design/adding-background-image-to-dawn-sections/td-p/1993292