is there a way to make a responsive menu dismissable

[keydog]

is there a way to make a responsive menu dismissable ny clicking off of the element

I have the settings set to dismissable but it isnt working the way I thought it should

you have to click on the top of the menu to make it close

here is a page with the element Im talking about

https://thearcadeboneyard.info/testfold ... ctions.php

[crispy68]

Dismissible for this menu specifies whether the menu closes when a link is clicked.

[keydog]

ok

I guess I chose the wrong type of menu

do you know of one that will shut the menu when clicked off of it, and when a link is clicked

[BaconFries]

do you know of one that will shut the menu when clicked off of it, and when a link is clicked

Maybe the following:
Responsive Sidebar Menu (PAID)
https://www.wysiwygwebbuilder.com/respo ... rmenu.html
Example:
https://www.wysiwygwebbuilder.com/suppo ... rmenu.html

Have you looked at the following:
Navigation tools
https://www.wysiwygwebbuilder.com/navigation.html

[crispy68]

@keydog,

If you want to use the responsive menu, you can try and add this javascript to your page (or master page).

Code: Select all

<script>
document.addEventListener('DOMContentLoaded',function(event){
var menuBtn=document.getElementById('wb_ResponsiveMenu1');var menuClose=document.querySelector('#wb_ResponsiveMenu1 input');
document.addEventListener('click', function(e){if(!menuBtn.contains(e.target)){menuClose.checked=false;}});});
</script>

If you change the name of the Responsive Menu to anything else you will need to change it above replacing 'ResponsiveMenu1' with whatever name you change it to. I'm no javascript guru but in my tests it seems to work.

[keydog]

thanks both of you guys, I will look into these options in the morning

this thing has turned out to be allot of work

not even half done yet
https://thearcadeboneyard.info/testfolder/index.php