Hello there,
I’m trying to learn about Webflow and I’ve got issues pointing out why a project I’ve copied from a clone does not work as intended.
The cloneable project works fine (text highlight while scrolling), but as soon as I copy everything on a blank new project, it doesn’t work and I can’t figure out what I’m missing.
I went to inspect both pages and I noticed a class that has not been copied over but I don’t even know where is the class from in the begining.
Working project (clone) :
<h2 class="split-lines"><div class="line" style="display: block; text-align: start; width: 100%;"><div class="word" style="display: inline-block;">We</div> <div class="word" style="display: inline-block;">craft</div> <div class="word" style="display: inline-block;">authentic</div> <div class="word" style="display: inline-block;">creative</div> <div class="word" style="display: inline-block;">solutions,</div> <div class="word" style="display: inline-block;">with</div> <div class="word" style="display: inline-block;">a</div><div class="line-mask" style="width: 0%;"></div></div><div class="line" style="display: block; text-align: start; width: 100%;"><div class="word" style="display: inline-block;">core</div> <div class="word" style="display: inline-block;">mission</div> <div class="word" style="display: inline-block;">in</div> <div class="word" style="display: inline-block;">building</div> <div class="word" style="display: inline-block;">strong</div> <div class="word" style="display: inline-block;">and</div><div class="line-mask" style="width: 0%;"></div></div><div class="line" style="display: block; text-align: start; width: 100%;"><div class="word" style="display: inline-block;">provocative</div> <div class="word" style="display: inline-block;">relationships</div> <div class="word" style="display: inline-block;">between</div> <div class="word" style="display: inline-block;">brands</div><div class="line-mask" style="width: 63.1482%;"></div></div><div class="line" style="display: block; text-align: start; width: 100%;"><div class="word" style="display: inline-block;">and</div> <div class="word" style="display: inline-block;">customers</div><div class="line-mask" style="width: 99.9463%;"></div></div></h2>
Not working project (copy from clone) :
<h1 class="split-lines">We craft authentic creative solutions, with a core mission in building strong and provocative relationships between brands and customers</h1>
Here is my site Read-Only: https://preview.webflow.com/preview/test-0c4a5e?utm_medium=preview_link&utm_source=designer&utm_content=test-0c4a5e&preview=f1a2b5f9b6d42f3ce73222ee0dbac29b&workflow=preview
Here is the working clone : https://preview.webflow.com/preview/highlight-ac9551?utm_medium=preview_link&utm_source=designer&utm_content=highlight-ac9551&preview=62b4fc133a12214e44efecfc22966a0f&workflow=preview
Any help appreciated.
