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

Question

[Константин]

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

Верстаю под экран 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,
      }
    }
  ]
});

Comments

[Danny Arty]

все правильно работает у вас, возможно вам стоит почистить кэш

[Константин]

Danny Arty, почистил, все равно 2 слайда вижу вместо одного

[Danny Arty]

Константин, в head есь такой метатег?

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">