Streaming live at 10am (PST)

Close button for nav menu


#1

Hey there,

While fidgeting with the navigation menu close button, the default behavior (provided by the template) no longer works. How do I now close the nav menu?

To replicate: click 3 bar icon in top-right corner to pull out menu. Click X to close (not working).

https://preview.webflow.com/preview/ecstaticliving?preview=0928fa8a5815857facb1ece8bb0882c2
http://ecstaticliving.webflow.io/

I did use the following code, as suggested in another forum entry, though still not working:

$('.close-menu').click(function(e) {
   e.preventDefault();
   $('#menu-button').trigger('click');
});

Thanks!
Martin


#2

Hi @ConsciousApps, when the menu is in the open state, I would suggest to select the Menu Button and set it's z-index to 3000 and set it's opacity to 0%.

The Menu Button that closes the menu currently has a z-index of 1, so it is below the other content, and cannot be clicked. Setting the opacity to 0% will make the three bars hidden and reveal only the custom animation.

I hope this helps, let me know if any questions.


#3

That did the trick, @cyberdave! Thanks :smile:


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.