Banner Slider / Slideshow App That Shows Different Sized Images For Different Screen Sizes

[Khan01]

Hello Everyone,

We are looking for a Banner Slider / Slideshow App i.e. it shows an image of our store differently for each size screen.
For example: If we have a certain image that we want to show in that slideshow, the image should almost be in the landscape mode for the Desktop version but another image that we may upload in a portrait size should be shown when someone visits our site from the Mobile.

We will be really thankful if someone from this amazing community can guide us.

[made4Uo · Accepted solution]

Hi @Khan01,

You can use the tutorial below to create an specific slideshow for an specific screen size. Therefore, you will end up one slide show for desktop, and another one for mobile. 

[Khan01]

Hello @made4Uo ,

Thank you for the amazing response  🙂

We would be really thankful if you could guide us on what code changes needs to be made for the below adjustments:

1) The "Buy Now" button for the Desktop version should also be below the image:

2) In the Desktop version The background color for the Slideshow arrows should be transparent and WHEN they are transparent the color of the arrows and the slickdots should be grey rather then white:

3) For the Mobile version the space at the bottom of the image (as indicated below) needs to be removed. The arrows (as indicated below) also needs to be removed. The slick dots however should stay there, but with a transparent background color.

@made4Uo We would be really thankful if you could help us with the code changes needed for the above adjustments  🙂