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

[Bärbel_Hucke]

Olá, as descrições das nossas categorias não estão sendo exibidas na versão para celular. Você poderia me ajudar? Não sou muito familiarizado com CSS, mas estou aprendendo um pouco mais a cada dia.

Desktop

Celular

Obrigado pelo seu apoio.

[Bcat]

Você pode tentar adicionar este código ao CSS:

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

[Bärbel_Hucke]

Ótimo, muito obrigado!

Posso fazer mais duas perguntas?

• É possível incluir a descrição logo ao lado do ícone?
• Como posso alterar a cor da fonte no botão azul? Não consegui encontrar esse botão nas configurações de cores do tema

Obrigado!

[Bcat]

Esses dois elementos estão separados, o que torna difícil alterar apenas o CSS. Ou pode quebrar muitos outros componentes.

Geralmente, essa é uma mudança temporária.

Como a cor de fundo do botão mudou, podemos usar uma classe CSS para ajustar a cor do texto:

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

Sobre a variável color: Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

Isso ajuda! Muito obrigado!

[UnitedFreedom (James)]

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?

[Jack_Sparrow]

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

[John_Shankman]

@Bcat

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

abençoe sua alma por esta