Hover on navbar burger button closes dropdown when mouse moves

Design help Layout & Design
1

Using a java script as suggested by the following by one webflow staffer:
[START
Here is something to try, first give the menu button a class name like “menu-button”

Then go to your site settings, and go to the Custom Code tab. In the Footer of the site, paste the following code:

<script>
$('.menu-button').hover(
  function() {
    $( this ).click();
  }
);
</script>

After pasting the code into the Footer, save changes and republish the site.

This should work so that when the user hovers over the menu button, it is clicked and should open. This will only work on the published site.

I hope this helps!
END]

The above works as far opening the dropdown on hover, but the dropdown doesn’t stay for the user to move mouse to menu items despite no padding an actual overlap across the button and the container of nav links!

Here is a read only view our website: Webflow - Yaseen Foundation

Appreciate any help!