La descrizione della categoria non viene visualizzata nella versione mobile

[Bärbel_Hucke]

Ciao, le descrizioni delle nostre categorie non vengono visualizzate nella versione mobile. Potresti per favore aiutarmi? Non sono molto pratico di CSS, ma sto imparando un po’ di più ogni giorno.

Desktop

Mobile

Grazie per il tuo supporto.

[Bcat]

Puoi provare ad aggiungere questo codice al CSS:

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

[Bärbel_Hucke]

Ottimo, grazie mille!

Posso farti ancora due domande?

• È possibile inserire la descrizione proprio accanto all’icona?
• Come posso cambiare il colore del font nel pulsante blu? Non riesco a trovare questo pulsante nelle impostazioni dei colori del tema

Grazie!

[Bcat]

Questi due elementi sono separati, quindi è molto difficile modificarli solo con il CSS. Oppure, potrebbero essercene molti che potrebbero rompere altri componenti.
In generale, si tratta di una modifica temporanea.
Poiché il colore di sfondo del pulsante è cambiato, possiamo utilizzare una classe CSS per modificare il colore del testo:

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

Var color: Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

Questo aiuta! Grazie mille!

[UnitedFreedom (James)]

Ciao @Bcat grazie per il codice CSS utile per aggiungere descrizioni per dispositivi mobili.

È possibile sui dispositivi mobili che la descrizione appaia sul lato destro dell’immagine, non sotto l’immagine?

Proprio così?

[Jack_Sparrow]

Dovrebbe essere possibile con semplice CSS.
Float dell’immagine a sinistra e impostare la posizione del div genitore come relativa.

[John_Shankman]

@Bcat

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

ti benedico per questo