Nascondere alcune sezioni nei topic in versione web da moble (AwesomeBB)

Buonasera,
ho rinunciato alla versione mobile e deciso di utilizzare la versione web anche su dispositivi mobile, la problematica si presenta nei post, in quanto per ogni messaggio viene visualizzato tutto il profilo dell'utente e dopo il suo messaggio, in questo modo oltre a diventare confusionario, si crea un topic molto lungo anche con soli 5 risposte.

Pertanto vorrei un aiuto per togliere la maggior parte delle informazioni sul profilo nei post quando si utilizza un dispositivo mobile, senza però toccare la il forum su PC, da quel che ho capito bisogna utilizzare "@mobile" tramite css, ma non sono molto pratico, potete aiutarmi cortesemente a far lasciare solo il minimo indispensabile? (nickname, gruppo, e se si riesce una piccola versione dell'avatar altrimenti no)

Se non mi sono spiegato bene ditemelo che cercherò di essere più esauriente.

Utilizzo Awesome BB

Forum: https://galaxypledges.forumattivo.com/

Grazie mille

Ciao @Simone Boi

riesci a farmi uno screenshot e indicarmi quali parti vorresti rimuovere?

Grazie mille

Buongiorno Niko, questo è lo screen di un post da versione web su dispositivo mobile



Vorrei togliere l'avatar, o meglio ancora che fosse rimpicciolito a sinistra del nickname;
Vorrei togliere gli award;
E se non si può rimpicciolire in qualche modo decente vorrei togliere anche lo status "online/offline".

Lasciando praticamente solo: avatar piccolo (se possibile) - nickname - casella popup per apire i link al "profilo/pm/ecc"

Grazie mille!

Simone Boi ha scritto:Vorrei togliere l'avatar, o meglio ancora che fosse rimpicciolito a sinistra del nickname;

Aggiungi questo CSS:

Codice:

@media only screen and (max-width: 600px) {
.post-author-avatar .avatar-big img {
    width: 80px;
    height: auto;
    background-size: cover;
    margin-top: 0px;
}
}

Simone Boi ha scritto:Vorrei togliere gli award;

Aggiungi questo CSS:

Codice:

@media only screen and (max-width: 600px) {
.dd_award.left.box-body, .award_more.box-body {
    display: none !important;
}
}

Simone Boi ha scritto:E se non si può rimpicciolire in qualche modo decente vorrei togliere anche lo status "online/offline".

Aggiungi questo CSS:

Codice:

@media only screen and (max-width: 600px) {
.post-author-status {
    display: none !important;
}

aside.post-aside:before {
    display: none;
}

aside.post-aside {
    padding-top: 3px !important;
}

}

Risultato:

Grazie mille come sempre Niko! Funziona!