WordPress : CSS – Correction du chevauchement H3 sur mobile, tablette

Je développe un site avec le thème Avada WordPress. La <h3>classe title-heading-centerse chevauche de la taille du mobile à la taille de la tablette :

J’ai essayé d’ajouter plusieurs styles à cette classe comme vous pouvez le voir sur les captures d’écran :

word-break: break-all;
word-wrap: break-word;
display: block;
overflow: hidden;
word-break: break-word;
line-height: 33px;

Le seul qui semble aider est word-break: break-word, qui centre le contenu sur mobile.

Quel(s) autre(s) style(s) CSS puis-je appliquer pour créer un espacement entre les mots du <h3>titre ?

Solution n°1 trouvée

Essayez de le changer en line-height: 33px !importantplutôt que simplement line-height: 33px. Bien qu’il ne soit pas recommandé de le garder ainsi, cela vaut la peine d’essayer pour voir si c’est là que se situe le problème. Remarquez dans votre capture d’écran dans les outils de développement que cette propriété est actuellement barrée et est donc ignorée.

Vous pouvez également essayer de modifier la hauteur de son conteneur div avec class fusion-title. Il peut y avoir un conteneur div quelque part là-dedans qui empêche les mots d’être corrects line-height.