I'm currently working on a website (saulesinterjerai.lt) and everything seems to be functioning properly, except for the fact that on mobile devices, the links aren't clickable and instead navigates to other layers. How can I disable this behavior in the code itself rather than adjusting it through the browser settings?
Below is the code that I've written so far, with some sections being adapted from online sources (all located within the "dep" folder if you're familiar with using developer tools). I suspect that the issue may be related to either the 'pjax' or the proprietary 'zoomable' module, but I haven't been able to pinpoint the exact cause:
var pjax = new Pjax({ selectors: ["head title", "body"] })
var Site;
var attach_menu_control = function() {
// Function logic here
}
// Various event listeners are set up for different actions
function hasClass(element, cls) {
return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}
function is_touch_device() {
return 'ontouchstart' in window || navigator.maxTouchPoints;
}
CSS styling:
// CSS styles for the menu function and responsiveness based on screen size go here