Aquí están mis cambios de CSS para mejorar la vista móvil.
Me encanta este tema, pero noté algunas pequeñas imperfecciones, así que también agregué el siguiente CSS para que se vea un poco mejor desde mi perspectiva. Espero que esto ayude a alguien más con las mismas preferencias.
Aquí está el original (sin editar)
Nota lo siguiente en la imagen de arriba:
- El número 1 que representa las Respuestas está demasiado a la izquierda.
- La burbuja del tema se superpone ligeramente al fondo azul.
- No hay relleno entre todo el contenido y el fondo azul.
- El fondo azul no se ve bien en la página de la categoría. Me encanta en la página de inicio.
Aquí está el código CSS que agregué en la pestaña Móvil.
/* Añade algo de relleno al área de Categoría, Subcategoría, Etiquetas, búsqueda, último, nuevo tema y notificaciones */
.list-controls {
padding: 5px;
}
/* Añade algo de relleno al área de Temas */
div#list-area {
padding: 6px;
}
/* Alinea el número de Respuestas más a la derecha */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
Actualizado (Después de agregar el CSS)
Si tú también prefieres eliminar el fondo azul, aquí tienes el código para eliminarlo solo de las páginas de categoría.
/* Elimina el fondo azul solo para la categoría */
html .category .background-container {
background: #fff;
clip-path: none;
}
