Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Mobile menu toggle submenu
New Landing › How can we help? › Themeforest Theme Support › Dante › Mobile menu toggle submenu
Tagged: mobile menu slide toggle
- This topic has 21 replies, 8 voices, and was last updated 7 years by David Martin – Support.
-
Posted in: Dante
-
November 5, 2014 at 11:42 am #125804
Hi,
I need to have a toggle function for submenus in mobile view.
When the visitor touches main menu item it should expand to show all submenus but right now it shows everything expanded at once which makes the menu list very long.I have UberMenu 3 which has the toggle functionality but I think that Dante is overriding it somehow. Do you know of a solution for this?
Thanks
November 5, 2014 at 12:13 pm #125814Hi
I’m afraid the toggle is currently possible with the mobile menu. Will have to check with the developer to see if we can add it in
– Kyle
December 18, 2014 at 9:15 am #136489@Kyle
How?
Brown Bear, one of the sites you showcase did it.December 18, 2014 at 9:29 am #136491Hi
They’re using Joyn not Dante
– Kyle
December 18, 2014 at 11:24 am #136542Dante does NOT have this option?
December 18, 2014 at 11:32 am #136544I’m afraid not, possibly something we will add when we get time
– Kyle
June 13, 2016 at 10:04 pm #274397Hello,
Is it possible now ?
ThanksJune 14, 2016 at 6:51 am #274446Hi,
This feature is not available by the theme currently.
Thanks
MohammadJune 14, 2016 at 10:02 am #274524ok, too bad
thanks
VinceJune 14, 2016 at 10:06 am #274527No problem
June 26, 2016 at 2:39 pm #277214Hello,
As for my last request, I finaly code this, in case it could help someone.
Just put it in custom JS of theme options. You can see the result here (with a mobile device!) : mouskif.ch
jQuery(document).ready( function ($) { $( "#mobile-menu ul.sub-menu" ).hide(); $( "#mobile-menu .menu-item-has-children > a" ).click(function(e) { e.preventDefault(); e.stopImmediatePropagation(); $( this ).next().slideToggle(); $( "#mobile-menu ul.sub-menu" ).not($(this).next()).not($(this).parents( ".sub-menu") ).slideUp(); }); });
Regards
Vincent
June 26, 2016 at 4:04 pm #277226and another version, with mobile menu opened on the current page :
jQuery(document).ready( function ($) { $( "#mobile-menu ul.sub-menu" ).not( ".current-menu-ancestor > ul.sub-menu" ).hide(); $( "#mobile-menu .menu-item-has-children > a" ).click(function(e) { e.preventDefault(); e.stopImmediatePropagation(); $( this ).next().slideToggle(); $( "#mobile-menu ul.sub-menu" ).not($(this).next()).not($(this).parents( ".sub-menu") ).slideUp(); }); });
with this in custom css to be more visible :
#mobile-menu .menu li.current-menu-ancestor > a, #mobile-menu .menu ul li.current-menu-ancestor > a, #mobile-menu .menu ul li.current-menu-item > a { background-color: #313131!important; }
June 27, 2016 at 5:47 am #277258Hi,
@hentsch – Great thanks to share the code.
Thanks
MohammadNovember 3, 2016 at 9:08 am #300148Hi. Can the code be modified in a way that the current (main) menu sub-menus are displayed without clicking at it?
For example, Main 2 (site) currently open and the menu should look like this:
Main 1
Main 2
Sub 2.1
Sub 2.2
Main 3
Main 4
Main 5When clicking at Main 4 the (Main 4) site should load an the menu looks like this
Main 1
Main 2
Main 3
Main 4
Sub 4.1
Sub 4.2
Sub 4.3
Main 5And pretty much the same if one clicks form here at Sub 4.2.
I hope this makes sense and you understand what I mean.
Thanks
Elias
November 4, 2016 at 10:38 am #300433Hi Elias,
Not by default, you would need to work with a developer to intergrate this further then our initial demo: http://dante.swiftideas.com/
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.