To set some context, i’m working on creating a portfolio website. I’m currently only working on the mobile version first. I want to create a hamburger menu interaction that reveals downward. When I click one of the categories in the drop down menu (about me, works, resume), it will scroll to the section and then the menu will disappear upwards. I was able to create this interaction but the problem i’m facing is that after the interaction ends, when I click the hamburger menu button again, there’s a glitch where the menu will quickly reveal downwards and disappear upwards. Once the glitch runs its animation, the hamburger menu acts normal as when I click it, everything reveals and disappears when I click again to close it.
At this point, i’ve been doing the method of trial and error, trying different settings but i’ve come to the point where I don’t understand why this glitch is happening. Any ideas on how I can fix this?
P.S. i’ve only started making the mobile portrait first so please view it in that state to see what I mean by the glitch.
Here’s a link to a 16 second video of what the problem looks like (you can see it the 0:06 mark):
Here is my public share link: https://preview.webflow.com/preview/jaywhy-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=jaywhy-portfolio&preview=a188a54edf2346fdacb6795df345f321&mode=preview