Почему не срабатывает responsive у slick?

Сайт с проблемой

Верстаю под экран 1024px, но из за слайдера он скроллится вправо.

Проблема в блоке "Энциклопедия здоровья" (.encyclopedia__slider )

Я указал в настройках слайдера ( src/js/main.js) поведение при 1024 (стрелки убрать, выводить 1 слайд), но выводится 2 слайда и стрелки не исчезли:

$('.encyclopedia__slider').slick({
  dots: false,
  infinite: false,
  speed: 300,
  slidesToShow: 2,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
        arrows: false,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
      }
    }
  ]
});
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы