I have a responsive style menu on my site. It's working nicely except I want it to close if you click outside it.
The open menu button also closes it, however when the menu is open it sits over the top of the close button. I'm unable to z-index the close button as it's in a lower z-index'd parent.
I don't want to edit the original js/jquery.
I think the original close script adds/removes 4 class names.
So, the function I need is "When the user clicks outside of the white nav area, the menu closes and resets, ready to be opened again"
Use this page for reference: http://tm.crctesting.com/who-we-are/
this is the code.. you have to add this somewhere.... maybe you're safe to add it here on your theme... jupiter-child/js/custom.js
Thanks for this, worked great. Can you please check where I have added it is the best place.
yes, you have it on the right place...
That's great - thanks for your help.
great! You're welcome!... don't forget to click [[LINK href="http://wpquestions.com/question/pickAWinner/id/16119"]]Vote to award prize[[/LINK]] to complete this question.. ;)