@rasimzes

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

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

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

P.S. Также, буду крайне благодарен, если подскажите как спустить вниз пагинацию, примерно на 15px от нижнего края блока со слайдером. На блоке висит overflow: hidden, вот она и пропадает, если просто уменьшиь значение bottom.
  • Вопрос задан
  • 38 просмотров
Решения вопроса 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%
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SMMplanner Москва
от 100 000 до 150 000 руб.
Design, Code and Robots Санкт-Петербург
от 50 000 до 80 000 руб.
Стер 23 Москва
от 110 000 до 140 000 руб.