Button press makes other content jump - please help

Hi all,

After searching for hours about how to fix this, I’ve given up, so here goes. It’s probably a super easy fix. So, I’ve made a button emulating the Duolingo style for button press on my site. I think it looks great, but when I press it content below it seems to jump. How do I fix this? If you go to my site and press the “Read more” button you will see what I mean. Somehow, I magically fixed it for the “Download resume” button. I have no idea how.

PS. I’m quite new to Webflow, so still learning.


Here is my site Read-Only: https://preview.webflow.com/preview/rasmusdesign?utm_medium=preview_link&utm_source=designer&utm_content=rasmusdesign&preview=c5a0f285d17088c2082fe1051fcb9853&mode=preview

Hey Rasmus!

You can fix this by giving the “Button Wrapper” a fixed height.
image

Just make sure the height is bigger than the button. I picked 80px
image

Then it should work.
chrome-capture (1)

The problem occurs when the button changes size the container element and therefore the rest of the elements on the page changes with it. Since its got the “Auto” property set for its height.

Hope that helps.

Felix

1 Like

Thank you so much for the quick reply. :slight_smile: This fixed it.

Hey no problem, glad I could help.

1 Like