blood-moon
@blood-moon
Фрилансер

Как сделать слайдер (slick) адаптивным?

Добрый день , раньше всегда юзал bootstrap так что с адаптивностью проблем особых не было ... но вот решил попробовать что-то сверстать хоть как-то адаптивно без него ... и чёт в ступоре . Но в ступоре из-за слайдера .
Подскажите как ? Желательно разжёвано так как бьюсь уже 2-3 часа ...
сайт
  • Вопрос задан
  • 8719 просмотров
Пригласить эксперта
Ответы на вопрос 2
Собственно что-то похожее на медиа выражения только для слайдера. Так же тут все настройки.
$('.responsive').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});
Ответ написан
blood-moon
@blood-moon Автор вопроса
Фрилансер
Крч решил , хз зачем но обёртке слайдера прописал display:flex . Вот всё по чертям и шло , вернул на блочный и всё стало тип топ ;)
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
23 нояб. 2024, в 01:31
1000 руб./за проект
23 нояб. 2024, в 00:16
2000 руб./за проект
22 нояб. 2024, в 23:55
3000 руб./за проект