После обновления форума баннеры категорий в мобильной версии выходят за рамки. Думаю, что фиксация размера баннеров могла бы решить эту проблему.
Не могли бы вы мне помочь?
Заранее спасибо.
Здравствуйте,
Думаю, проблема в этом CSS:
.category-logo.aspect-image {
width: calc(var(--max-height) * var(--aspect-ratio));
}
Здесь max-height равен 150 пикселей, а соотношение сторон зависит от изображения. Это значит, что если у изображения соотношение сторон 6…, то ширина составит 150 × 6 = 900 пикселей. То есть ширина зависит от соотношения сторон изображения.
Однако вы можете переопределить этот расчет… (не именно так, но это повлияет на результат) следующим образом:
Задайте фиксированное max-width для изображения. Тогда изображение не будет шире этого значения.
Добавьте следующее в раздел CSS для мобильных устройств:
.category-list .category-logo.aspect-image {
max-width: 250px;
}
Или на мобильных устройствах можно попробовать вот что. Это вычислит максимальную ширину области просмотра и подстроит изображение под неё.
.category-list .category-logo.aspect-image {
max-width: calc(100vw - 2.5em);
}
Спасибо большое @Don 
Теперь это выглядит отлично!