Interaction Move Element Down

I have an interaction on my navigation elements to move them down on hover but when the user hovers in preview, all other elements on the page move down as well. Is there a way to prevent this? Thank you!

Preview: https://preview.webflow.com/preview/blue-dragon-digital?preview=6f388877ac3c88ac46db95bd315586d2

Your interaction doesn’t make the element move down but increases its height, hence the rest of the page moving down to account for the new height of the hovered element.

In order to keep the same interaction and prevent the rest of the page to move down, you can extract the menu from the HTML flow by making it position:absolute.

1 Like

Perfect, got the absolute to work. Thank you!

1 Like

You’re now a master in absolute positioning :slight_smile: