Mobile Menu behaviour

This topic has 6 replies, 3 voices, and was last updated 3 years, 5 months ago by Artem Temos.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
May 26, 2021 at 5:05 pm #295704

Achkan
Participant

Hello

On the mobile menu, we need the items to be clickable on all the row and not only on the icon/button “>”

Previously, we’ve added some extra code that enable us to do it
Please find attached our JS file that made us do it

But since the last update of the theme this code is not functionnal
We’ve tried many modification, but not successful

Can you help us please ?

We’re sure that this update will help a lot of users

Thanks

Regards

Attachments:
You must be logged in to view attached files.

May 26, 2021 at 11:27 pm #295763
Elise Noromit
Member
Hello,

Pleae add this code on Document ready in to the Theme Settings > Custom JS:
```
jQuery('.mobile-nav').on('click', '.wd-nav-mobile > li.menu-item-has-children > a', function(e){
	e.preventDefault();
	jQuery(this).parent().find(' > .wd-nav-opener').click();
});
```
Best Regards
June 2, 2021 at 5:29 am #297001

Achkan
Participant

Hello,

Thanks for this code
But this is functionnal on the 1st row/level of the menu only

Is there a way to do it for all the level please ?

Regards,

June 2, 2021 at 6:19 am #297014
Artem Temos
Keymaster
Try to replace the code with the following one
```
jQuery('.mobile-nav').on('click', '.wd-nav-mobile li.menu-item-has-children > a', function(e){
	e.preventDefault();
	jQuery(this).parent().find(' > .wd-nav-opener').click();
});
```
June 2, 2021 at 6:35 am #297018

Achkan
Participant

Sorry but nothing’s changed

June 2, 2021 at 6:37 am #297019

Achkan
Participant

Sorry
I made a mistake… So it’s OK now !

Thanks

June 2, 2021 at 6:49 am #297021

Artem Temos
Keymaster

Great, you are welcome!
Author

Posts