Comment éviter le chevauchement de texte dans le diaporama pour WordPress?

Question

J'ai un texte superposé verticalement dans le diaporama pour un site Web utilisant WordPress. Il semble seulement se produire sur les appareils mobiles, donc je vais devoir appliquer mes changements en CSS en utilisant la requête @media. Le conteneur direct en dehors de lui est un div, qui semble ne pas avoir un nom défini par l'utilisateur. Normalement, j'augmenterais juste la hauteur de la classe div qui entoure la zone pour voir si c'est le problème, mais je n'arrive pas à le faire, et je n'arrive pas non plus à rendre le texte plus petit. Le texte est mis en œuvre dans la section Diaporama de WordPress dans le bloc de contenu comme

<h1 class="quote">Accelerate Your Career</h1> etc ..

Encore une fois cela ne se produit sur les appareils mobiles quand ils sont en mode portrait, autant que je peux dire. Le site Web est http://avantirecruiters.com/

Comment puis-je empêcher le chevauchement du texte?

Answer 1

La question est à la hauteur de ligne 13px. Que diriez-vous de changer la ligne-hauteur à 35px ou quelque chose de similaire?

@media only screen and (max-width: 388px) and (min-width: 359px) 
.caption-type2 > div h1.quote { 
    width: 300px; 
    font-size: 12px; 
    line-height: 35px; 
    margin: -193px auto 5px auto!important; 
}