Links on mobile menu

Hi,

I need your support, I used the following code, got from a post of you, into “Custom JS On document ready” to

I used the following code, which I had taken from your support post, to make sure that when a menu item is clicked. on the mobile version, with a submenu, you can expand without having to click on the arrow and this, works perfectly, but now I don’t know why, the menu items without submenus do not work and if I click they do not send me to the page, while the menu items with submenus they always work, how can I change the following code?

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

Thanks for your kind support

Andrea

Hello,

Please try this code:

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

If you have any questions please feel free to contact us.

Best Regards

Thank you very much Elise.

It works like a charm 🙂

Your help desk is the best!

Best Regards
Andrea

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

Thank you in advance

Hello,

I recently updated your theme to the new version 6.0.2, but now the following code doesn’t work, how can fix it?

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

Thanks for your kind support

Andrea

Hello,

Pleae replace the code with this 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();
});

Best Regards

Perfect, it works fine.

The only thing is when I click on one link and then I click on other, the first link arrow remains selected.

Attachments:

You must be logged in to view attached files.

Hello,

Please please, provide your site admin access to the private area.

Best Regards

follow you can find the information:

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .mobile-nav .wd-nav-opener.wd-active {
    background-color: transparent;
	  color:#000000;
}

Best Regards

Hello Elise,

thank you, it works perfectly!

Best regards

Andrea

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

Thank you in advance

[Author]

Posts