Перейти к содержанию

Размеры баннера


Рекомендуемые сообщения

Добрый день! 
Можно ли сделать так, что бы баннеры в категориях красиво отображались и на компе и на мобильной версии и занимали все поле под баннер? При смене размеров баннера ситуация не меняется, он на разных устройствах подгоняется по разному с большими отступами. И еще одна проблема, что верхняя карточка над баннером налезает на него.

image.png.0bfdbef18e6190205f613b81d5cd8519.pngimage.thumb.png.eee8b30486d7f49af9dccbd54a099b15.png

Ссылка на комментарий
20 часов назад, effseya сказал:

Добрый день! 
Можно ли сделать так, что бы баннеры в категориях красиво отображались и на компе и на мобильной версии и занимали все поле под баннер? При смене размеров баннера ситуация не меняется, он на разных устройствах подгоняется по разному с большими отступами. И еще одна проблема, что верхняя карточка над баннером налезает на него.

image.png.0bfdbef18e6190205f613b81d5cd8519.pngimage.thumb.png.eee8b30486d7f49af9dccbd54a099b15.png

 

Здравствуйте
Можно избавится от отступов,  добавив пользовательский CSS

.category-banner img {
  object-fit: cover; 
  min-width: 100%; 
  min-height: 100%;
}

В таком случае баннер будет занимать все пространство в блоке с сохранением пропорций. Но при таком подходе нет гарантии что будет виден весь контент баннера т.к. он будет масштабироваться  

Ссылка на комментарий

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Восстановить форматирование

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...