Slick

Responsive features

The Slick carousel is very flexible also when it comes to the responsiveness. It allows you to set individual configuration per every breakpoint. For example, by default slider can show 3 slides in a carousel; at 991px breakpoint it can reduce the number of slides to 2; at 767px to 1 and at 479px it can disable the slider completely! The possibilities are endless.

The responsive breakpoints and their configurations can be set by clicking the last button of each slider:

In the list view you can see the available breakpoints:

In the edit view the only mandatory field is the breakpoint in pixels. Here you should enter the width of the container upon which the slider will change it's behavior. You can also completely disable the slider by checking the checkbox next to the breakpoint field. Please note that it will not re-initialize the slider if you resize the window again.

If you would like to change a setting then you first need to check the Override box. Then the desired field becomes editable and you can change its value.