Streaming live at 10am (PST)

Interaction Move Element Down


#1

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


#2

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.


#3

Perfect, got the absolute to work. Thank you!


#4

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