移动版本未显示类别描述

[Bärbel_Hucke]

Hi, the descriptions of our categories aren´t shown at mobile version. Could you please help me. I´m not very familiar with CSS, but learning every day a little bit more

Dektop

Mobile

Thanks for your support

[Bcat]

U can try add this code to css:

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

[Bärbel_Hucke]

Great, thanks so much!

May I ask two questions more?

• Is it possible to include the description right besides the icon?
  +H ow can I change the color of the font in the blue button? I couldn’t find this button in the color settings of the theme

Thank you!

[Bcat]

2 cái này cách nhau nên rất khó thay đổi chỉ css. Hoặc rất nhiều có thể phá vỡ các thành phần khác.
Nói chung, đây là một sự thay đổi tạm thời.
Màu nền của nút đã thay đổi, vì vậy chúng ta có thể sử dụng lớp css để chỉnh sửa màu văn bản:

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

Var color: Developer’s guide to Discourse Themes

[Bärbel_Hucke]

This helps! Thanks so much!

[UnitedFreedom (James)]

您好 @Bcat，感谢您提供用于在移动设备上添加描述的有用 CSS 代码。

是否可以在移动设备上让描述显示在图片右侧，而不是图片下方？

就像这样？

[Jack_Sparrow]

应该可以使用简单的 CSS 来实现。将图像浮动到左侧，并将父 div 的位置设置为相对。

[John_Shankman]

@Bcat

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

感谢你的这个方法