1 Mot du titre coupé en fin de phrase avec retour à la ligne. Titre pas responsive.

[chatrou]

Bonjour à tous,

La phrase (centrée) qui se trouve avec l'image du slider de la page d'accueil n'est pas responsive sur smartphone.
Il y a un mot qui est coupé et l'autre moitié du mot se retrouve en retour la ligne, c'est très moche.
Ca donne à peu près cela :

CECI EST UN EXEM
PLE DU BUG

Mes recherches pour corriger cela avec du css m'ont pas abouties.
J'ai besoin de votre expérience pour m'aider à corriger cela, quel code ajouter ?

Je vous joins une capture écran.
La page d'accueil du site est https://www.yomedya.fr/

Merci d'avance.

[chatrou]

J'ai trouvé, il faut ajouter white-space: nowrap; et réduire font-size à 23px ou 24px selon la longueur du titre. Ca fonctionne avec l'inspecteur de Chrome.
J'ai placé le code dans le custom code du template mais celui-ci n'est pas pris en compte et ça ne fonctionne pas, quelqu'un sait il ou trouver le fichier index indiqué dans ma capture écran : media custom.jpg ci jointe ?

Sinon il y a une autre solution, on peut aussi placer les ajouts et modifications de css dans sp pagebuilder mais je ne sais pas quel code et comment l'insérer dans le champ custom css (capture écran : custom spbuilder 1.jpg) et ensuite quelle classe insérer dans le champ custom class (capture écran : custom spbuilder 2.jpg).
Mes captures écrans ont été faites dans la page d'accueil réalisée avec sp pagebuilder, bloc du slider.

Merci d'avance