How can I make my Dawn 10.0.0 banner image responsive on mobile?

[funkyformula]

Hi,
I am using the latest Dawn version 10.0.0 (even before that my problem below existed).

> It's a pity that in Dawn - I don't know if other themes do - you can't add a mobile image. Also the code I found to manually add this in the theme doesn't work in 10.0.0

The banner image is good on desktop, but not responsive on mobile.

Several proposed solutions have been applied, but unfortunately nothing works. Unfortunately I'm also not a css guru 😋

What is the solution to have a responsive banner in Shopify, preferably now in Dawn?

See: https://funkyformula.com/

[zaczee]

Hi,

We suggest you create separate image upload options for mobile and desktop. To create this we need to customize the slider.liquid code.

[funkyformula]

Sounds promising, but is there a code solution that actually works with Dawn 10.0.0?

[zaczee]

Yes it will work with Dawn 10.0.0

[funkyformula]

---

You wrote "To create this we need to customize the slider.liquid code"

Am I missing something here? Or, where is the code to customize it...?

[funkyformula · Accepted solution]

The problem I had is solved by using the correct image ratio, for mobile to display responsive. Have a look at: Website Image Size Guidelines for 2023 (shopify.com)