Bonjour à tous

J'ai un petit problème avec un texte animé en JS.

Sur desktop, pas de soucis, tout fonctionne.

En revanche sur mobile, le texte animé passe sur deux lignes, ce qui décale l'ensemble de la page vers le bas. 

mon site : https://www.pierre3d.com/  

Merci d'avance pour votre aide

@Daiz1993

C'est une solution que j'ai envisagé mais je voulais savoir s'il en existe d'autre (merci pour ta réponse)

Hey @Daiz1993

J'ai trouvé une solution qui me semble plus durable pour mon code !

J'ai utilisé un max-height:100%; dans la div qui contient mon texte animé. 

Que penses-tu de cette solution ?

Bonjour,

Tu as plusieurs options sur le texte en css (notamment empêcher le saut de ligne) : https://www.w3schools.com/cssref/css3_pr_word-wrap.asp

Pierre Baron a écrit:

Hey @Daiz1993

J'ai trouvé une solution qui me semble plus durable pour mon code !

J'ai utilisé un max-height:100%; dans la div qui contient mon texte animé. 

Que penses-tu de cette solution ?

Certes il n'y aura plus le décalage de la page mais le texte passera toujours sur plusieurs ligne. Je suppose que ce n'est pas un problème du moment que la page ne s'allonge pas vers le bas.

-
Edité par daiz1993 13 novembre 2018 à 9:04:34

Merci à tous

@piero5673, ta solution fonctionne après essai ! Mais j'ai préféré gardé celle que j'avais trouvé, le rendu visuel est plus sympa.

@daiz1993 Effectivement maintenant que la page ne s'allonge plus, le problème est résolu, merci de ton aide !