Adaptive slick?

Question

[Виталий Ильницкий]

Хочу стелать адаптивный слайдер (slick), задаю ширину слайдера, брейкпоинт:

responsive: [
    {
      breakpoint: 969,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1
      }
    }
  ]

Но переворачивает по 3 слайда а не по 1, в чем проблема? В начале задавал slidesToShow: 3

Comments

[Novamoscow]

Полный код слайдера пришли

[Novamoscow]

Скорее всего, ты с брекпоинтом напутал.

Answer 1

[sergey]

Не знаю что тут можно было напутать, все же просто:

$('.responsive').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});