Mobile menu toggle submenu

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

Tagged: mobile menu slide toggle

This topic has 21 replies, 8 voices, and was last updated 7 years by David Martin – Support.

Viewing 15 posts - 1 through 15 (of 22 total)

1 2 →

Back to forum

Posted in: Dante
November 5, 2014 at 11:42 am #125804

rixator
Member

Post count: 28

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 #125814

Kyle – SUPPORT
Moderator

Post count: 35880

Hi

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

iraqiboy90
Member

Post count: 3

@Kyle

How?
Brown Bear, one of the sites you showcase did it.

December 18, 2014 at 9:29 am #136491

Kyle – SUPPORT
Moderator

Post count: 35880

Hi

They’re using Joyn not Dante

– Kyle

December 18, 2014 at 11:24 am #136542

iraqiboy90
Member

Post count: 3

Dante does NOT have this option?

December 18, 2014 at 11:32 am #136544

Kyle – SUPPORT
Moderator

Post count: 35880

I’m afraid not, possibly something we will add when we get time

– Kyle

June 13, 2016 at 10:04 pm #274397

hentsch
Member

Post count: 28

Hello,
Is it possible now ?
Thanks

June 14, 2016 at 6:51 am #274446

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
This feature is not available by the theme currently.
Thanks
Mohammad

June 14, 2016 at 10:02 am #274524

hentsch
Member

Post count: 28

ok, too bad
thanks
Vince

June 14, 2016 at 10:06 am #274527

Kyle – SUPPORT
Moderator

Post count: 35880

No problem

June 26, 2016 at 2:39 pm #277214
hentsch
Member

Post count: 28
Hello,

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 #277226
hentsch
Member

Post count: 28
and 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 #277258

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,

@hentsch – Great thanks to share the code.
Thanks
Mohammad

November 3, 2016 at 9:08 am #300148

3lias
Member

Post count: 128

Hi. 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 5

When 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 5

And 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 #300433

David Martin – Support
Moderator

Post count: 20834

Hi Elias,

Not by default, you would need to work with a developer to intergrate this further then our initial demo: http://dante.swiftideas.com/
Back to forum

Posted in: Dante