Issues with menu button

Hi, I’m new to webflow and I’m trying to create an animated drop down menu button on my website. I’ve been having some issues with the position of the button. When I hover over the menu and it opens up for some reason it jumps a few pixels to the side. Does anyone know what I’m doing wrong and how I can fix it? Another issue I’m having is with the animation I created for the hamburger symbol. Sometimes when it’s hovered over the alignments for the animation gets stuck in the wrong position.

Any tips would be appreciated, thank you so much!

(go to the projects page to see the animated nav bar)


Here is my public share link: Webflow - Emma's Portfolio

Hi Emma,

Your burger menu item has margin-left: 20px; applied to it on “open” class. Thats causing the jump to the right.

You can select the menu-bttn element in your Navigator on the left, and your can show the menu via settings and then it adds the Open class. After that you can remove the margin-left.

Goodluck!

Kind regards,
Edwin

1 Like

That fixed it, thank you so much!!

1 Like