'Read More' Button Mobile Glitch

Design help Animations & Interactions
#1

Hello!

I’m running into an issue with a read more button on my mobile website. The effect works perfectly, except the text changes size when the button is pressed.

Can anyone help me please?

Sammy

https://preview.webflow.com/preview/hampton-designs?utm_medium=preview_link&utm_source=designer&utm_content=hampton-designs&preview=a3c68513583fbb3708a3790bf76745b7&pageId=626773d3e4ac132f39a12366&workflow=preview

#2

In case anyone was wondering, I fixed this issue.

The culprit was the auto-height on the animation finish. For some reason, it was changing the text height too. Initially, I had applied the transition to the text itself, but to fix it I wrapped it with a div, matched the font sizes, set the overflow to hidden and animated that.