Mobile dropdown menu – click on row / text

Hi at XTEMOS

I wonder if there is a way to get dropdowns by clicking anywhere in the row of a menu (or the text of the menu) in the mobile menu. Currently it only drops down when you click on the arrow button at the edge of the row.

Thanks in advance!

Hello,

No, there is no option. The drop-down menu is opened only by clicking on the arrow.

Best Regards

Hi Elise

Yes, I understand there is no option. But I was wondering if there is any code that I can use to make it work? I found other forums talking about the issue (on other theme platforms) and it seems like there are ways to change.

Thanks.

Hello,

Please add the following code snippet to the Custom JS area on document ready in Theme Settings

jQuery('.mobile-nav').on('click', '.site-mobile-menu > li > a', function(e){
	e.preventDefault();
	jQuery(this).parent().find('.icon-sub-menu').click();
});

Best Regards

This is perfect! Thanks Elise!

Sorry to be a pain but I have one more probably the last question.

Currently when you click on a category of the menu, the dropdown will be expanded. Then you select one of subcategories and it directs you where you want to check then the mobile menu slides off. From there, as you click on the hamburger again, the menu slides in with the dropdown collapsed back (kind of reset mode of the menu). I wonder if there is a snippet that can make the mobile menu sliding in with the dropdown expanded where it’s selected as clicking on the hamburger? This will be useful to navigate where you are at when you don’t use breadcrumbs on mobile view.

Thanks in advance.

Sorry, but there is no such ability with the mobile menu and we don’t have a code snippet for this.

[Author]

Posts