Joomla Templates Club 406,261 posts

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#193774

I’m not sure if I broke it (likely), or if it’s a bug in the JA Onepage template, but for some reason, my main menu on my Android smartphone in Firefox isn’t working.

Clicking the button slides out the menu, as it should, but clicking any menu item just drops back to the “hero unit” (top) of the site, rather than the anchor it should go to.

Please log in and have a look. It may be an Android issue, or it may be that I broke something (though I can’t think of what that might be. The regular menu (desktop/tablet) works just fine… it only acts up when in smartphone layout (btn-navbar).

Huge thanks!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#518653

@synapsis,

This is a bug of our JA Onepage template. The fix for this will be added in the next update of the template. For a quick fix, you can backup and open templates/ja_onepage/js/script.js file, then find the code:

}(window.$ja || jQuery);

Then insert snippet below right before code (above):

//fix mobile off canvas link
$(window).load(function () {
$('#off-canvas-nav .nav li a').each(function () {
var href = this.href,
target = this.hash ? this.hash : href.replace(/.*(?=#[^s]+$)/, '');

if (this.hostname != window.location.hostname || target.substr(0, 1) != '#') {
return;
}

$(this).attr('href', target).data('target', target);
}).click(function () {
if (!$(this).data('target')) {
return;
}

var target = this.href.replace(/.*(?=#[^s]+$)/, '');
if (target && ($(target).length)) {

} else { //not found
var home = $('.navbar ul li a.home').attr('href');
if (home) {
window.location.href = home.replace(/([^#]*)(.*)/, '$1') + target;
}
}
});
});
//fix off-canvas

Let me know how it goes.

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#520783

No. That “fix” appears to have already been added to the script.js file. But it does not solve the problem. The off-canvas menu opens, and upon clicking a link, the screen either goes completely white, or the menu closes and does nothing.

This template is completely worthless to me if it doesn’t work on mobile. Please get this bug fixed quickly.

Thank you.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#520843

@synapsis: I can confirm that the Off-canvas menu of your Onepage still works fine on Firefox when re-sizing browser. I have forwarded the case to our template developer to check the Off-canvas menu on Android device again.

Are you facing the issue on Android browser apps (Firefox, Chrome) or the default Internet Browser app?

[Author]

Posts