Mobil menu is not opening. Nothing happens on click

[smyers81]

The hamburger button does not work. Nothing happens when it is clicked.

Demo: Home

[Prasant]

Hello @smyers81,

Thanks for asking.

I can confirm that on http://belfastcommunityradio.org/ mobile hamburger menu is not working upon clicking. Upon further checking I can see that you are running latest version of X Theme and Cornerstone.

Off late did you add any customizations for navigation menu item? If so, please try removing them and see if hamburger menu is working. If it does, verify the code and make necessary adjustments.

In case problem is still there, then please please try testing for plugin conflict. You can do that by deactivating all plugins and see if mobile menu is working. If you see it’s working then there must be plugin or plugins causing conflict. You can reactivate one at a time to narrow down the plugin or plugins causing the issue.

Please let us know how it goes.

Thanks.

[smyers81]

Hi Prasant,

I have not made any customizations to the nav menu recently. And, I have done the plugin test be disabling all plugins but still not working. Any other ideas?

[nabeel]

Hi again,

I checked your setup and I see there is a server cache active on your site, this could be causing the trouble. Please clear the cache and deactivate all optimization services / caching plugins and see if this resolves the issue. If this doesn’t help then please remove all custom CSS, JavaScript and deactivate your child theme and switch to parent theme (take a complete backup first).

If nothing works then add the following code in the Theme Options > JS:

jQuery(document).ready(function($){
	$('.x-btn-navbar').click(function(){
		if( $(".x-nav-wrap.mobile").hasClass('collapse') ) {
			$(".x-nav-wrap.mobile").removeClass('collapse')
		}
		else {
			$(".x-nav-wrap.mobile").addClass('collapse')
		}
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!