il y a un problème avec la colonne des commentaires à cause de l avatar pour la visualisation sur mobile

[lyonenfrance]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://lyftv.1fr1.net/

Description du problème

bonjour je ne sais
pas comment éviter sur la version mobile le décalage des commentaires sur la droite a cause de la place prise par l avatar ?
 il s' agit bien de la version responsive et pas de la mobile où tout ça reste très "propre": j aimerais soit pouvoir supprimer  l'avatar, soit le placer au dessus du message comme dans la version mobile afin de laisser toute la largeur du téléphone pour les commentaires (et ne pas les amputer sur la droite comme ici : https://www.lyftvnews.com/t4283-alatelecesoir-les-programmes-tv-optimises-pour-smartphone )

[chattigre]

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP ou double post par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

Merci d'utiliser la fonction Éditer si vous souhaitez apporter des informations complémentaires à votre message. Vos messages ont été fusionnés.

Avant tout, parlez-vous de la version responsive de ModernBB (avec toutes les fonctions affichées différemment) ou de la version "mobile moderne" (celle plus minimaliste dédiée exclusivement aux mobiles)

Que souhaiteriez-vous faire de l'avatar sur mobile exactement ? Le réduire ? Le supprimer ? Comme il est à côté du message et non en haut du message, cet affichage est normal. Peut-être voudriez-vous l'intégrer dans le message justement ?

Merci de préciser votre demande pour qu'on puisse vous venir en aide

Bonne journée
Cordialement

[lyonenfrance]

oui dsl pour le dérangement... il s' agit bien de la version responsive et pas de la mobile ou tout ça reste très "propre": j aimerais soit pouvoir supprimer  l'avatar, soit le placer au dessus du message comme dans la version mobile afin de laisser toute la largeur du téléphone pour les commentaires (et ne pas les amputer sur la droite comme ici : https://www.lyftvnews.com/t4283-alatelecesoir-les-programmes-tv-optimises-pour-smartphone )

[chattigre]

Bonjour,

Je vous propose le plus simple si ça peut vous convenir qui est de le supprimer :
Ajoutez ceci à votre CSS :

Code:

@media (max-width: 740px) {
  #blog_comments .comment-avatar {
    display: none;
  }
  #blog_comments .comment-body {
    margin-left: 0;
  }
}

Dites-moi si cela vous convient
Bonne journée
Cordialement

[lyonenfrance]

Bonjour,



Je vous propose le plus simple si ça peut vous convenir qui est de le supprimer :
Ajoutez ceci à votre CSS :

Code:

@media (max-width: 740px) {
  #blog_comments .comment-avatar {
    display: none;
  }
  #blog_comments .comment-body {
    margin-left: 0;
  }
}

Dites-moi si cela vous convient
Bonne journée
Cordialement

Merci, vous êtes un as !