Javascript moving other text

Design help Custom code
1

So I have this java script that “type writes” a header, but when the header is fully deleted it shifts all my other text below it up.

Text “typing”:

Screen Shot 2020-07-20 at 1.00.59 AM
Screen Shot 2020-07-20 at 1.00.59 AM1332×1066 73.3 KB

Screen Shot 2020-07-20 at 1.01.23 AM
Screen Shot 2020-07-20 at 1.01.23 AM1232×1034 64.4 KB

Then the text gets shifted up:

Screen Shot 2020-07-20 at 1.01.26 AM
Screen Shot 2020-07-20 at 1.01.26 AM1338×1086 64.8 KB

Any help how to stop the text from “shifting up” would be amazing!

Here is my site Read-Only:
[1]: https://preview.webflow.com/preview/daniels-initial-project-eb0d02?utm_medium=preview_link&utm_source=designer&utm_content=daniels-initial-project-eb0d02&preview=8388ca069399ccfeebb84275a77e7f58&mode=preview

5

its hard to tell in the screenshots but you can see the bottom of the screenshot theres “extra” blue space

6

Hi @Daniel_Grinevich,

To avoid this, I would simply add a min height to the div containing your javascript dynamic text. That way, the height will always remain the same.