Responsive Menu Main Items not linking

iscomputerman1

When a main menu item has a drop down submenu item, then the main level menu item becomes non-clickable in mobile reponsive. The submenu clicks/links just fine, but the main menu item does not.

If you turn off the sub menu item, then the main menu item is clickable again. Has anyone experienced this yet?

Ninja

iscomputerman1
Hi
Try this
Open file : plugins/system/t3/base-bs3/js/off-canvas.js
Find and remove this code

    if ($(e.target).closest('a').length) {
            if (!e.target.href) return;
            // handle the anchor link
            var arr1 = e.target.href.split('#'),
                arr2 = location.href.split('#');
            if (arr1[0] == arr2[0] && arr1.length > 1 && arr1[1].length) {
                oc_hide();
                setTimeout(function(){
                    var anchor = $("a[name='"+ arr1[1] +"']");
                    if (!anchor.length) anchor = $('#' + arr1[1]);
                    if (anchor.length) 
                        $('html,body').animate({scrollTop: anchor.offset().top},'slow');
                }, 1000);
            }
            return;
        }

You can save the file, clear browser cache and check.

Hope it helps.

Regards

wolfguard

No response if this works..?

Ninja

wolfguard
Hi
This solution is worked for couple of users and they confirmed it,
You can apply this, clear browser cache and check.

Regards