Можно ли через CSS изменить положение изображения категории на странице категории?
То есть, по умолчанию изображение располагается «слева» от названия категории и пытается заполнить высоту как заголовка, так и описания категории. Но на мобильных устройствах изображение просто висит там, а я пытаюсь разместить его либо до, либо после текста названия категории. Однако у меня никак не получается.
Пытался использовать category-text-title и category-logo aspect-image, но не могу правильно их выровнять. Я использую стиль «Категории и недавние темы».
Вы можете разместить изображение перед названием категории на мобильных устройствах, добавив это в мобильный стиль вашей темы:
.category-title-link {
// это позволяет изменить порядок элементов и разместить их в одной строке
display: flex;
}
.category-text-title {
// изменить порядок заголовка так, чтобы он шел после изображения
order: 2;
}
.categories-list .category .category-logo.aspect-image {
// убирает лишний отступ у изображения, который больше не нужен
margin-top: 0;
}
И ещё больше благодарности за комментарии — так учиться гораздо проще. Теперь я могу попробовать разобраться, как центрировать это изображение в другой теме, огромное спасибо!
