[AwesomeBB] Titre des sujets qui dépasse en format mobile

[Invité]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://jeuxvideo-club.forumactif.com/

Description du problème

Bonjour à tous,

Suite aux conseils de MlleAlys, je créé un autre topic pour demande un correction.

J'ai détecté un problème quand je suis en mode mobile, les titres qui sont long, dépassent et cela gène pour la lecture :



Est-il possible de réduire automatiquement le titre ?

Merci par avance pour votre aide.

[Invité]

Maintenant que j'ai fini le mode sombre, je relance ce sujet

[Invité]

Je relance.

J'espère trouver de l'aider car ce petit problème est assez gênant pour ceux qui naviguent sur mobile

[MlleAlys]

Bonjour,
Il me semble que le souci vient d'un code que vous avez dans votre css :

Code:

.forum-description h3, .posts-description h3, .block-topics h2 {
  white-space: normal;
  padding-right: 0!important;
}

Je ne sais pas à quoi il servait au départ, mais vous pouvez tester qu'en le retirant, le problème ne se présente plus ?

[chattigre]

Bonjour,

Il semble que ce soit cette règle de votre CSS qui pose problème :

Code:

.forum-description h3, .posts-description h3, .block-topics h2 {
   white-space: normal;
   padding-right: 0 !important;
}

Elle permet l'affichage des titres sur plusieurs lignes, mais cela supprime le padding nécessaire à ce que les textes ne se superposent pas...

J'ai testé et il semblerait que retirer juste la déclaration du padding-right pourrait suffire tout en conservant si besoin un affichage multiligne.

Je vous laisse tester de votre côté
Cordialement

PS : Oops, grillé par MlleAlys ^^

[Invité]

Merci à vous !

J'ai juste supprimé padding-right: 0 !important;

En fait, ce bout de code servait à colorier les topics note, annonce et annonce globale.

Je passe en résolu