Page 1 of 1
is there a way to make a responsive menu dismissable
Posted: Fri Jul 19, 2024 5:52 pm
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
Re: is there a way to make a responsive menu dismissable
Posted: Fri Jul 19, 2024 5:59 pm
by crispy68
Dismissible for this menu specifies whether the menu closes when a link is clicked.
Re: is there a way to make a responsive menu dismissable
Posted: Fri Jul 19, 2024 7:21 pm
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
Re: is there a way to make a responsive menu dismissable
Posted: Sat Jul 20, 2024 2:26 am
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
Re: is there a way to make a responsive menu dismissable
Posted: Sat Jul 20, 2024 2:33 am
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.
Re: is there a way to make a responsive menu dismissable
Posted: Sat Jul 20, 2024 3:20 am
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