@anton12333
Изучаю JavaScript

Почему на работает breakpoint?

$(".reviews-slider").slick({
    arrows: false,
    dots: false,
    slidesToShow: 2,
    slidesToScroll: 1,
    inifite: true,
    centerMode: true,
    centerPadding: "150px",
    responsive: [
      {
        breakpoint: 1275,
        settings: {
          arrows: false,
          centerMode: false,
          centerPadding: "100px",
          slidesToShow: 1
        }
      },
      {
        breakpoint: 450,
        settings: {
          arrows: false,
          centerMode: true,
          slidesToShow: 1
        }
      }
    ]
  });


В итоге не работает на устройствах с маленьким экраном
Где ошибка
  • Вопрос задан
  • 162 просмотра
Решения вопроса 1
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Enabling "Mobile First" option within settings (which swaps to min-width responsive approach)
Changed default value of "Slides to show" to 1 (for mobile)
Add min-width responsive breakpoints for tablet and desktop, setting "Slides to show" to 2 and 3, respectively


Попробуйте включить mobilefirst, и прописать брейкпоинты в обратную сторону. Был такой косяк у слик.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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