Задать вопрос

Slick во всю ширину на мобильных устройствах?

Есть slick слайдер, на картинка 1920х500, img: width 100%.
spoiler

image.png

Но на мобилах текст на слайде становится совершенно не читаемым
spoiler
image.png

подскажите пож-ста, как увеличить картинку и отцентрировать ее? Увеличить получается, но результат такой
spoiler
image.png


Ссылка на сайт
  • Вопрос задан
  • 204 просмотра
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Combat7
Ну вобще по нормальному сделать див, ему на фон поставить картинку)
А уже в этот див сверстать текст)
Ответ написан
Комментировать
alams_stoyne
@alams_stoyne
Full Stack Developer - #PHP #CSS #JS #DB
Нафиг так делать?
Надо: Фон отдельно - Текст отдельно - Кнопка отдельно.
Фон на мобильный устройствах маштабировать / центрировать так:

.newindex .slick-slider img{
  width: 100%;
  min-height: 300px;
  object-fit: cover;
  object-position: center;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы