Issue with Dropdown Menu and Move Animation

Morning guys,

I have an issue with the dropdown in my nav menu.
I’ve built an animation that has it move to the left and a button appear as the page scrolls down and once that has happened everything works fine.

However, in its original position the last two dropdowns will not open on hover.
I believe this is due to the animation & the button being in the same place, but can’t seem to find a workaround.

Any help is greatly appreciated!

edit: I just noticed the animation is missing entirely when the page is viewed in read-only preview. However, you can see it on the published website: http://umai-homepage.webflow.io/

Here is my public share link: https://preview.webflow.com/preview/umai-homepage?utm_medium=preview_link&utm_source=designer&utm_content=umai-homepage&preview=bf9c484fc45924dbd86774e213ba0c04&mode=preview