Не работает breakpoint в slick-slider, как быть?

Question

[Василий Хрягин]

Именнно в хроме
viewport написан

$('.novelty-wrap').slick({
    infinity: true,
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplaySpeed: 3000,
    arrows: true,
    responsive: [
      {
        breakpoint: 1530,
        settings: {
          slidesToShow: 3,
        }
      },
      {
        breakpoint: 600,
        settings: {
          slidesToShow: 1, 
          centerMode: true,
          centerPadding: '90px'
        }
      }
    ],
    prevArrow: '.novelty-prev-arrow',
    nextArrow: '.novelty-next-arrow',
  });

Answer 1

[toproot24]

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
Именно user-scalable=0 лечит chrome. Такой тег прописан на оф. сайте слайдера.

Comments

[eglubokiy]

блин ты бог)

[Святослав Смирнов]

Спасибо огромное!

[Sake28]

От души !

[Алексей]

спасибо, как долго я мучался в непонятках!

Answer 2

[Ярослав]

Во первых в чем отличие от изначального slidesToShow: 3, и том что на брейкпоинте 1530, и там и там значение - 3, значит судя по всему этот брейкпоинте не нужен или вы забыли изменить значение. Что касается брейкпоинта в общем думаю вы в курсе что если у вас брейкпоинте 1530 то он будет работать с 1529px и ниже и соответственно если брейкпоинт 600 то с 599px и ниже.

Comments

[Василий Хрягин]

да не суть важен этот пиксель, у меня по какой-то причине с 599не становится единичным слайдер. А до 1530, да, я не написал 4

[Ярослав]

Василий Хрягин, ты можешь залить код в песочницу? И бросить ссылку

[Василий Хрягин]

Ярослав, да у меня уже само собой все исправилось

[toproot24]

Василий Хрягин, Каким образом все исправилось ? причина не ясна ?

[Василий Хрягин]

toproot24, мне тоже не ясна, вопросу сто лет

[toproot24]

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

user-scalable=0 - тогда в хроме все начинает работать отлично!