Different images for desktop and mobile view

Technical Q&A
1

Hi There

We are trying to set up desktop and mobile banners using the slideshow, but we ran into some issues with the code from this guide: https://community.shopify.com/topic/522935

We would be grateful if someone could please kindly help us with setting this up.

We’re using the Debut theme.

Thank you.

Luvita

2

Bump

3

I am not sure about your setup and this may not work for you.

The element can be used to show different images (sources) at different screen resolutions.

In this example image-small is shown up to the assigned media breakpoint: “min-width: 800px”. After that image-large.jpg will kick in.

Hope it helps

4

Thanks for this. We have multiple pictures which are displayed on the slideshow, so not quite sure how this piece of code would work for multiple images for desktop and mobile.

5

We’d be super grateful if someone could please help us with this.

Thank you!

6

Bump

We’d be truly grateful if someone could please help us with this.

Thanks!

7

@Luvita add me as a staff in your store using below email id, i will add the options to upload images for desktop and mobile for you.

8

Thanks Candisoft, I’ve message you.

Best

Luke