La descripción de la categoría no se muestra en la versión móvil

[Bärbel_Hucke]

Hola, las descripciones de nuestras categorías no se muestran en la versión móvil. ¿Podrías ayudarme, por favor? No estoy muy familiarizado con CSS, pero cada día aprendo un poco más.

Escritorio

Móvil

Gracias por tu apoyo.

[Bcat]

Puedes intentar agregar este código al CSS:

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

[Bärbel_Hucke]

¡Genial, muchas gracias!

¿Puedo hacer dos preguntas más?

• ¿Es posible incluir la descripción justo al lado del icono?
• ¿Cómo puedo cambiar el color de la fuente en el botón azul? No pude encontrar este botón en la configuración de colores del tema

¡Gracias!

[Bcat]

Estos dos elementos están separados, por lo que es muy difícil modificar solo con CSS. O bien, podría romper muchos otros componentes.
En general, este es un cambio temporal.
El color de fondo del botón ha cambiado, por lo que podemos usar una clase CSS para ajustar el color del texto:

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

Var color: Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

¡Esto ayuda! ¡Muchas gracias!

[UnitedFreedom (James)]

Hola @Bcat, gracias por el útil código CSS para añadir descripciones para móviles.

¿Es posible en móvil que la descripción aparezca a la derecha de la imagen, no debajo de la imagen?

¿Como esto?

[Jack_Sparrow]

Debería ser posible con CSS simple.
Flota la imagen a la izquierda y haz que la posición del div padre sea relativa.

[John_Shankman]

@Bcat

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

bendito sea tu alma por esto