В слайдере slick-carousel некорректно работает responsive. Как исправить?

Question

[sorry_i_noob]

Есть такой код.

$('.last-reviews__items-wrap').slick({
        slidesToShow: 2,
        slidesToScroll: 2,
        infinite: true,
        accessibility: false,
        nextArrow: $('.slider-btn_dir_right.last-reviews__slider-btn'),
        prevArrow: $('.slider-btn_dir_left.last-reviews__slider-btn'),
        responsive: [
            {
                breakpoint: 993,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                }
            }
        ]
});

Цель - сделать так, чтобы на ширине 992 и меньше в слайдере можно было увидеть всего 1 слайд. На ширине больше 992 - два слайда.
Данный код с этой задачей справляется, но с оговоркой. Если уменьшать окно браузера, то все работает как надо. Если вместо этого включить режим посмотра на мобильных устройствах (Toggle device toolbar), то один слайд показывается только на 968.

Почему так? Как это исправить?

Comments

[Евгений]

Может стоит проверить на телефонах? Пользователи сайта не будут смотреть сайт в режиме мобильного просмотра

Answer 1

[FKV]

В хеад прописать метатег

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

Comments

[sorry_i_noob]

он прописан