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/c/Shopify-Design/Different-images-for-mobile-than-desktop-web/td-p/522...
We would be grateful if someone could please kindly help us with setting this up.
We're using the Debut theme.
I am not sure about your setup and this may not work for you.
The <picture> element can be used to show different images (sources) at different screen resolutions.
<picture> <source srcset="image-large.jpg" media="(min-width: 800px)"> <img src="image-small.jpg" alt="" /> </picture>
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