@podkudahka
крутой

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

Именнно в хроме
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',
  });
  • Вопрос задан
  • 3809 просмотров
Пригласить эксперта
Ответы на вопрос 2
@toproot24
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
Именно user-scalable=0 лечит chrome. Такой тег прописан на оф. сайте слайдера.
Ответ написан
Yarez
@Yarez
Web Developer
Во первых в чем отличие от изначального slidesToShow: 3, и том что на брейкпоинте 1530, и там и там значение - 3, значит судя по всему этот брейкпоинте не нужен или вы забыли изменить значение. Что касается брейкпоинта в общем думаю вы в курсе что если у вас брейкпоинте 1530 то он будет работать с 1529px и ниже и соответственно если брейкпоинт 600 то с 599px и ниже.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 03:01
1000 руб./за проект
18 апр. 2024, в 21:56
2000 руб./за проект
18 апр. 2024, в 21:00
150 руб./за проект