промо-карточки

cletus
  • 1 ответ

Посмотрел ваши промо-карточки. 

Все проблемы от того, что текст нанесён на картинку. 
Если бы вы добавили пустую картинку, а текст добавляли через описание промо-карточки, то было бы и адаптивно и красиво. 

В данном случае промо-карточки обрезаются по вертикали. 
Самое оптимальное – это на разной ширине экрана делать разную высоту блока с карточкой. 

В блок upstore.user_css добавьте код: 

@media (max-width:1023px) {
  /* Высота блока промо-карточки на планшетах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:670px;
  }
}

@media (max-width:767px) {
/* Высота блока промо-карточки на широких телефонах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:480px;
  }
} 

@media (max-width:736px) {
/* Высота блока промо-карточки на больших айфонах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:370px;
  }
}

@media (max-width:667px) {
/* Высота блока промо-карточки на обычных айфонах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:250px;
  }
}
@media (max-width:568px) {
/* Высота блока промо-карточки на маленьких айфонах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:210px;
  }
} 

Сергеев Владимир
Сергеев Владимир
 Чтобы просматривать все темы, пожалуйста зарегистриуйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!