A descrição da categoria não é exibida na versão móvel

Funcionalidade
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;
    }
}
2 curtidas
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

Olá @Bcat, obrigado pelo código CSS útil para adicionar descrições para dispositivos móveis.

É possível, em dispositivos móveis, ter a descrição aparecendo no lado direito da imagem, e não embaixo dela?

Assim?

image
image488×328 41.8 KB

1 curtida
7

Deve ser possível com CSS simples.
Flutue a imagem para a esquerda e defina a posição do div pai como relativa.

1 curtida
8

abençoe sua alma por esta

1 curtida