Different Banner image For Pc And Mobile | Dawn theme

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.

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

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

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

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