Help with responsive styling of slider across viewports

Hello :grinning:

I want to make a responsive slider with columns within:

  • 4 on Desktop
  • 3 Tablet
  • 2 Landscape
  • 1 Mobile

Seems that Grid Options doesn’t offer this configuration of numbers, so I’m doing 4 different sliders: one for each device.
Sliders are inside 4 Sections. Each section is visible for each device only.

At other devices’ view, slider’s transitions/nav are not working properly.

Here is what I got : https://webflow.com/website/slider-devices

I hope someone can help,

Thanks a lot for your time

:smile:

There is a responsive slider tutorial on video here.

2 Likes

Thanks a lot! ,
this solved the issue :smile:

Peace