¿Cómo puedo configurar el estilo de la página de categoría móvil?

He configurado mi foro de Discourse con el estilo de página de categoría de escritorio “cajas con temas destacados”. Esto funciona muy bien en el escritorio y he realizado modificaciones a través de CSS hasta el punto de tener lo que quiero para mi vista de escritorio.

Sin embargo, cuando cambio a la vista móvil, pierdo el aspecto de “cajas con temas destacados” y obtengo algo más parecido al estilo de página “Solo categorías”. ¿Hay alguna forma sencilla de configurar también la vista móvil en “cajas con temas destacados”?

La página de categorías móviles realmente solo tiene un estilo en este momento. Probablemente esté más alineada con la opción de escritorio de “cajas con temas destacados”, pero incluye algunas estadísticas adicionales. Así es como se ven sin personalizar en escritorio y móvil:

¿Puedes explicar qué aspectos resultan difíciles de estilizar de manera similar a tus personalizaciones de escritorio? Quizás pueda darte algunas indicaciones.

1 me gusta

Me encuentro con algo similar. Nuestro sitio quiere tener un front más simple, con menos enlaces donde listamos las categorías principales para que las personas elijan las áreas a las que quieren ir, incluyendo la descripción de la categoría:

Pero en el móvil, no parece que pueda obtener solo categorías, obtengo Categorías con temas destacados (y sin descripción)

Así que supongo por lo anterior que esta es la única opción en el móvil?

Podría haber suficiente funcionalidad para obtener lo que necesita con este pequeño componente Mobile Category List Adjustments. Vea lo que piensa.

1 me gusta

Vaya, gracias, eso está muy cerca.

Lo que necesito es la descripción de la categoría, ahora es solo un icono y un título. Pero creo que por ahora puedo conformarme con mostrar los tres temas principales. No tenía idea de que el tema móvil estuviera limitado aquí.

1 me gusta

¡Hola! :slight_smile:
Lo siento, sé cómo manejar CSS pero se me escapa cómo manejarlo en móvil. Quiero cerrar el espacio entre las categorías, para que el diseño se vea igual que en el escritorio (y para comprimir un poco más la interfaz). ¿Podrías indicarme a qué elemento debo llamar con CSS? ¿O al menos cómo conseguirlo?

Creo que esto podría ayudar, he querido hacer lo mismo Enhanced category-box display component - #11 by Fma965

2 Me gusta