How to create separate slideshow for mobile & desktop

Hi Shopify Experts,

I tried to squeeze in all the contents of my image in a specific area to compensate for the image cropping for different screen resolutions.
The results just don’t work well with what I want to achieve.

Is there a way to make a separate slideshow for different screen resolutions?
It would be a lot of work in editing, but I think that would be more flexible.

(I’m using venture theme btw. Thanks)

Hello @tiara99 I will design a custom slider for your website and it will be 100% mobile responsive can you please send me details

Hello @tiara99 ,

If you need a separate slide option, concept is same for all themes.
Create a new parallel option with existing Image slide and call it Mobile slide image.
After that call the code frontend also assign them a classes e.g. for desktop slide use class ‘desktop-slides’ and for mobile slides use class ‘mobile-slides’

And in last step use css media queries to hide and show the slideshow images a/to the screen resolution.

Thanks