is there a way to make a responsive menu dismissable

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
keydog
 
 
Posts: 168
Joined: Mon Aug 17, 2020 7:47 pm

is there a way to make a responsive menu dismissable

Post by 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
User avatar
crispy68
 
 
Posts: 2913
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: is there a way to make a responsive menu dismissable

Post by crispy68 »

Dismissible for this menu specifies whether the menu closes when a link is clicked.
keydog
 
 
Posts: 168
Joined: Mon Aug 17, 2020 7:47 pm

Re: is there a way to make a responsive menu dismissable

Post by 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
User avatar
BaconFries
 
 
Posts: 5648
Joined: Thu Aug 16, 2007 7:32 pm

Re: is there a way to make a responsive menu dismissable

Post by 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
User avatar
crispy68
 
 
Posts: 2913
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: is there a way to make a responsive menu dismissable

Post by 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
 
 
Posts: 168
Joined: Mon Aug 17, 2020 7:47 pm

Re: is there a way to make a responsive menu dismissable

Post by 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
Post Reply