Les titres de page dépassent la taille de l'écran dans la vue mobile - solution durable?

Question

J'ai construit un site en allemand et certains titres de page sont assez longs. Lors de la visualisation du site dans une vue mobile, certains titres de page disparaissent dans la partie droite de l'écran. L'utilisateur ne peut donc voir que la partie initiale du titre de la page.

Y a-t-il quelque chose que je peux appliquer via css/plugin/php qui "encapsulera" le mot sur la ligne suivante pour le rendre plus convivial?

Vous trouverez un exemple de page qui fait cela ici.

Je suis ouvert à toute suggestion. Merci. ré

Edit: Linked supprimé de la vie privée

Answer 1

Ce qui suit ferait envelopper la Parole.

h1.article-title {
   Word-wrap: break-Word;
}

Cependant, il vaudrait probablement mieux que vous changiez la taille de la police à ce point d'arrêt - cela la garderait plus lisible.

Ceci est la ligne 186 de templates/buildr/css/custom.css

Changement

h1 span, h2, p, h4 a {
    font-size:80%!important;
}

à quelque chose comme ce qui suit

p, h4 a {
    font-size:80%!important;
}
h1 span, h2 {
    font-size:50%!important;
    Word-wrap: break-Word;
}

h3 {
    font-size:100%
}