Задать вопрос
@rasimzes
css

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Помощь СММ-специалиста
25 апр. 2024, в 11:49
25000 руб./за проект
Помощь с СЕРМ
25 апр. 2024, в 11:37
40000 руб./за проект
Кастомизация стандартного функционала Битрикс24
25 апр. 2024, в 11:33
7000 руб./за проект
Ещё заказы