Pro Header Sub Links Not Working

[marketimpress]

I can see a post 28 days ago regarding this topic of Pro Header Sub Links Not Working correctly.

Problem with Menu Dropdowns on Theme X 8.2.0 and Cornerstone 5.2.0

Hey guys. Just updated my staging site to Theme X 8.2.0 and Cornerstone 5.2.0. The menus drop downs and the Classic Accordion dropdowns are not working correctly now on mobile. You have to click twice on the drop downs for them to work, and any drop down with a link won’t work at all. If you click the arrow, it will still take you to that link vs. dropping down to the sublinks. I ran into this exact issue a year ago when updating to Theme X 7.2.0 and it was fixed with the update to 7.2.1. See h…

Can you please advise if there is an update to this known issue.

[ruenel]

Hello Kimberly,

I have checked your Pro site and I am seeing the submenus.

Uncaught TypeError: $ is not a function
    at NewSite2021:247
NewSite2021:1 

By the way, i have inspected it thoroughly and there is a JS error on the page because you have inserted this custom JS code:

$(document).on('click', '.x-menu a.x-anchor-menu-item ', function(event){
        if(jQuery(event.target).hasClass('x-anchor-sub-indicator')) {
        	event.preventDefault();
        } else {
        	var url = $(this).attr('href');
        	window.location = url;
        }
});

You need to update this JS code and use this instead:

(function($){
	$(document).on('click', '.x-menu a.x-anchor-menu-item ', function(event){
	    if(jQuery(event.target).hasClass('x-anchor-sub-indicator')) {
	    	event.preventDefault();
	    } else {
	    	var url = $(this).attr('href');
	    	window.location = url;
	    }
	});
})(jQuery);

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Best Regards.

[marketimpress]

From your screenshot it doesn’t appear you are viewing the menu on the actual website page. When you go to the website page you see the menu but the sublinks will not work. I’ve tested this on Google Chrome and Safari Broswer.

I’ve updated the js as you requested and cleared cache and even went into an incognito window and still no availability on a desktop screen to actually see the sublinks in the main menu.

[ruenel]

Hi Kimberly,

This seems to be connected with this thread:

• Pro Header Builder - Collapsed Navigation

Please see our response in that thread. Thanks.