Description of the category is not displayed at mobile version

Feature
1

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
Dektop

Mobile

Screenshot_20200508_091835
Screenshot_20200508_0918351080×1262 59.2 KB

Thanks for your support

2

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;
    }
}
3

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

Screenshot_20200511_094100
Screenshot_20200511_0941001080×1110 117 KB

Thank you!

4

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

5

This helps! Thanks so much!

6

Hi @Bcat thank you for the useful CSS code to add descriptions for mobile.

Is it possible on mobile to have the description appear on the right side of the image, not underneath the image?

Just like this?
image

7

Should be possible with simple css.
Float the image to left and make parent div’s position relative.

1 Like