Hello. I am modifying the nav bar dropdown menu items using the Interactions so that on hovering over the toggle item the drop-down list animates down rather than just toggles on/off. I am referencing this Webflow video to make it happen https://www.youtube.com/watch?v=e2JnU6wbPGk
The problem is that the hover trigger works fine in making the drop-down list appear, but for hover-out the action is not right. If the mouse leaves the toggle item by exiting the toggle trigger to the left or the right the drop-down list toggles off rather than animating off. However, if the mouse leaves the toggle trigger in a downwards motion (exiting below trigger) the animation is correct. How do I fix it so that the hover works correctly for all exiting motion?
Here’s a published test http://brand-counsel-testing-site.webflow.io/nav-bar-testing
Any help greatly appreciated.
Here is my public share link: https://preview.webflow.com/preview/brand-counsel-testing-site?utm_source=brand-counsel-testing-site&preview=1164d06fa9ce2e9a95e9fafe8e3e4ae1
(how to access public share link)