Menu Interaction and other actions not working

Design help Animations & Interactions
1

My issue is the following:

  • I have a hamburger menu. when clicked, it opens up a full-screen menu
  • When you click the hamburger icon, it closes, perfect
  • I input another animation that if a user clicks outside/click off the links of the full-screen menu, it closes the full screen. It works, nice
  • I go to click the hamburger icon, I need to double-click it to open again
  • I realize the second click of hamburger menu never happens, and that webflow reads as if it still opens and requires two clicks. One to close, and one to re-open. Instead of the single click I wanted
  • This issue also occurs when in my anchor menu links

What I tried
I thought a jquery target click would fix it

<script>

$( ".menu_outer-wrapper" ).on( "click", function() {
  $( ".c-nav_button" ).trigger( "click" );
} );

$( ".menu_link-wrap" ).on( "click", function() {
  $( ".c-nav_button" ).trigger( "click" );
} );

</script>

However, that didn’t work.

Has anyone fixed this problem similar to this? Many thanks in advance!

Here is my public share link: https://intel-draft.webflow.io/

Here is the editor share: Webflow - Intel Draft

1 Like