Hi David,
In the following javascript file, which is part of your website’s theme.
https://new-staging.proinsight.org/wp-content/themes/xclean/js/main-script.js?ver=5.3.2
There are the following codes which will act on mobile menu link.
/*=============================================
= Mobile menu accordion =
=============================================*/
if( $( window ).width() < 767 ) {
$( ‘.menu-item-has-children>a’ ).click( function( e ) {
e.preventDefault();
if ( $( this ).parent( ‘li’ ).hasClass( ‘active’ ) ) {
$( this ).parent( ‘li’).removeClass( ‘active’ );
$( this ).parent( ‘li’ ).children( ‘ul’ ).slideUp( ‘normal’ );
} else {
$( this ).parent( ‘li’ ).addClass( ‘active’ );
$( this ).parent( ‘li’ ).children( ‘ul’ ).slideDown( ‘normal’ );
}
} );
}
/*===== End of Mobile menu accordion ======*/
The code will apply to a “menu item that has children”.
The e.preventDefault code is to stop the link from going to it’s destination.
This is why in mobile, this user is not able to activate the top menu link when there are sub menu links within it.
Removing this block of code should fix the issue.
Follow by clearing any cache plugin or server cache as well as browser history, so as to allow the changes to show up on website.
If the problem is not fixed after removing the above mention block of codes, we request you to do a plugin or theme conflict check.
To do this, try disabling all the plugins at once and then enable them one by one by checking which one is causing the conflict. If this doesn’t resolves the problem, try switching to a wordpress theme on your website to check if the theme is causing the conflict or not.
Kind regards,
Kriti
