I added multiple sliders to homepage by following this video and it works fine.
But what i want is a vertical/square (800x800) banner for mobile and horizontal banner(1920x720) for desktop.
It should set the size based on first image.
@Erden - you will need to create 2 separate banners, one for desk and one for mobile
Then slider arrows, dots and button from desktop remains on mobile too. There will be 2 of them. Do i need to add display:none for these elements too? Is there any other way?
Current CSS on slideshow.liquid is like this:
@Erden - yes you will need display:none to hide elements but for image sizes I recommend separate banners , else images may look very wierd
Hi @suyash1 , can you write a code so;
When “.slideshow__image.desktop” is displayed use size of desktop image picker
When “.slideshow__image.mobile” is displayed use size of mobile image picker
I can not do that as i am not a coder.
Maybe you can understand better if you watch the video:
@Erden - yes using css we can achieve it
Well, i meant can you write the solution here? 
Problem still exists. Does anyone know the solution?