Menu animation not working first time but is the second time

Design help Animations & Interactions
1

Hi,

Basically I have a tablet/mobile menu that has an animation starting when opening and closing the menu burger.

The problem:
Everytime I refresh the page and do the first click/tap to open the menu the animation doesnt work, if I click/tap again the animation works fine, its just that first attempt of opening the drop down menu where it all goes wrong.

With other words the Nav-Drop-Mb animations don’t work (opacity, movement).

My public share link is below. Thank you in advance for the help!

Here is my public share link: LINK

2

I’ve tested and cannot recreate the issue. Works as expected on my end. Have you tested with cache cleared or in Private/Incognito mode?

Also, you’ve only shared the live link. We’d need your working share link to review your interaction’s settings.

3

Hi, thanks for getting back to me, do you mean this link?:
https://preview.webflow.com/preview/portfolio-rodrigo-segura?utm_medium=preview_link&utm_source=designer&utm_content=portfolio-rodrigo-segura&preview=909807de76bfaf34e05d427de97d1302&pageId=66a8affa3def535c9d20b1a8