Collapsed Nav Link Sporadically workiing

[baddog]

BadDog Digital Web Services

I am using the latest Pro version with Header Builder

If you navigate to the link above with a mobile device or through dev tools for a mobile view. You will notice that top link works, takes you to home page, (its a series of clicks to get back)

Second and third links do not work, basically any link with secondary links does not work.

I also cannot get the menu height to expand to show all menu items. Lots of settings and tools for the navigation but I just can’t seem to find the correct one to control over all height of menu.

The link thing is driving me bonkers though.

[nabeel]

Hi there,

Thanks for writing around! To fix the menu height issue, please add the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

[data-x-collapse="opening"]>ul.sub-menu {
    overflow: auto !important;
    height: auto !important;
}

Now to fix the parent menu link issue, add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('.x-off-canvas .x-anchor-menu-item .x-anchor-text').on('touchend click', function(e) {
		var link = $(this).parents('.x-anchor-menu-item').attr('href');
		window.location.href = link;
	});
});

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