Описание категории не отображается в мобильной версии

[Bärbel_Hucke]

Привет, описания наших категорий не отображаются в мобильной версии. Не могли бы вы мне помочь? Я не очень хорошо разбираюсь в CSS, но каждый день понемногу учусь.

Десктоп

Мобильный

Спасибо за вашу поддержку.

[Bcat]

Вы можете попробовать добавить этот код в CSS:

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

[Bärbel_Hucke]

Отлично, большое спасибо!

Могу ли я задать ещё два вопроса?

• Можно ли разместить описание прямо рядом с иконкой?
• Как изменить цвет шрифта на синей кнопке? Я не смог найти эту кнопку в настройках цветов темы

Спасибо!

[Bcat]

Эти два элемента находятся далеко друг от друга, поэтому изменение только с помощью CSS затруднительно. Кроме того, это может нарушить работу других компонентов.
В целом, это временное решение.
Фон кнопки изменился, поэтому мы можем использовать CSS-класс для корректировки цвета текста:

.list-controls .container #create-topic {
    color: #fff;
}

Переменная color: Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

Это помогает! Большое спасибо!

[UnitedFreedom (James)]

Привет, @Bcat, спасибо за полезный CSS-код для добавления описаний на мобильных устройствах.

Возможно ли на мобильном устройстве разместить описание справа от изображения, а не под ним?

Вот так?

[Jack_Sparrow]

Это должно быть возможно с помощью простого CSS.
Поместите изображение влево с помощью float и задайте для родительского div-блока position: relative.

[John_Shankman]

@Bcat

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

Благослови тебя Бог за это решение.