@rasimzes

Как адаптировать слайдер swiper-slider?

Добрый день! Подскажите, пожалуйста, как адаптировать слайдер, чтобы при ширине меньше 992px (и до 320px) слайдер занимал весь контейнер. Сам естественно поработал с шириной и другими свойсвами блоков, но необходимого результата не добился. Если посмотреть имеющийся код на 992px, видно что изображение занимает лишь 827px.

Имеющийся на данный момент код, который нужно дора...

P.S. Также, буду крайне благодарен, если подскажите как спустить вниз пагинацию, примерно на 15px от нижнего края блока со слайдером. На блоке висит overflow: hidden, вот она и пропадает, если просто уменьшиь значение bottom.
  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
NooBiToo
@NooBiToo
Итого как ответ:
<div class="swiper-pagination"></div>
вынести это перед закрытием блока grid-col-slider и дальше позиционировать
что касается изображения
.img {
      background-size: cover;
      height: 100%;
      width: 89%;
      background-position: center;
      background-repeat: no-repeat;
    }

задайте ширину 100%
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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