Text typing animation issue

Hi! Im working on a template that has a text typing animation:

Everything is working fine but in the live view for mobile, when the text is erased the screen shrinks a little bit and then gets back to normal again. Its very uncomfortable to read since the whole page keeps moving. Does anyone has a fix for this? Thanks a lot in advance.

Here is my public share link: LINK
(how to access public share link)

If your text is too long, then it will push the text outside of the viewport and create horizontal scroll, which sounds like is what is happening.

I don’t think Typed.Js can be setup to automatically just animate the type onto a second line. I would suggest shortening what words you’re using or setting the header class to be in VW units on mobile. This way as you shrink the screen smaller, the text size will adapt for the width of the screen.

Jaytel for your kind guidelines I have to resolve this issue with the help of your guidelines. I have developed an animation for my website page which is now working correctly and I have published it on my website you can check it by clicking.