Ecco le mie modifiche CSS per migliorare la visualizzazione su dispositivi mobili.
Adoro questo tema, ma ho notato alcuni piccoli dettagli, quindi ho aggiunto il seguente CSS per renderlo un po’ più gradevole secondo la mia prospettiva. Spero che questo aiuti qualcun altro con le stesse preferenze.
Ecco l’originale (non modificato)
Nota quanto segue nell’immagine sopra:
- Il numero 1 che rappresenta le Risposte è troppo a sinistra.
- La bolla dell’argomento si sovrappone leggermente allo sfondo blu.
- Non c’è spaziatura tra tutto il contenuto e lo sfondo blu.
- Lo sfondo blu non ha un bell’aspetto nella pagina della categoria. Mi piace invece nella home page.
Ecco il codice CSS che ho aggiunto nella scheda Mobile.
/* Aggiunge spaziatura all'area Categoria, Sottocategoria, Tag, ricerca, ultime, nuovo argomento e notifiche */
.list-controls {
padding: 5px;
}
/* Aggiunge spaziatura all'area Argomenti */
div#list-area {
padding: 6px;
}
/* Allinea il numero di Risposte più a destra */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
Aggiornato (Dopo aver aggiunto il CSS)
Se anche tu preferisci rimuovere lo sfondo blu, ecco il codice per rimuoverlo solo dalle pagine delle categorie.
/* Rimuove lo sfondo blu solo per la categoria */
html .category .background-container {
background: #fff;
clip-path: none;
}
