Menu does not work on mobile phone version (again)

7of9 · Jan 9, 2019

Hello, any chance we can get this fixed?

saguaros · Jan 10, 2019

7of9
Hi,

Somehow I forgot this thread, give me more time plz.

7of9 · Jan 10, 2019

saguaros OK

7of9 · Jan 15, 2019

Hey guys,

It's now a month since I posted this.
Any estimate?

Thank you in advance.

7of9 · Jan 16, 2019

Hello... can I have some support please?

teitbite · Jan 17, 2019

7of9 Hi. Please try to include this script to the head section in template's configuration:

<script type=“text/javascript">(function($) {$(document).ready(function() {
$('#off-canvas-nav a').each(function(){ $(this).attr('href','/'+$(this).attr('href')) });
});})(jQuery)</script>

7of9 · Jan 17, 2019

teitbite Thank you for your help. I had to replace this quote: “ with this quote: " in your code, in order to make it work. URLs are now OK and it works on the mobile. However, I have a problem with clicking when I am just scrolling in the page and I have the menu open. It should not click on the meny item when I am scrolling. Please check my video: https://i-seo.tinytake.com/sf/MzIzNzgxOF85Njk5ODI1
How do I fix this?

Thank you in advance.

7of9 · Jan 17, 2019

7of9 I just checked on an actual phone and I see that both in iphone and android, when I don't scroll on the menu, I just click on a menu item, the URL it tries to open is: https://en and so it fails. This does not happen when I load it from a desktop browser like Chrome or Firefox, only from a phone.

Please advise.

teitbite · Jan 18, 2019

7of9 Hi. Please try to add this to css:

@media (max-width: 767px)
.off-canvas #off-canvas-nav .t3-megamenu .mega-nav > li a,
.off-canvas #off-canvas-nav .t3-megamenu .dropdown-menu .mega-nav > li a {
    touch-action: manipulation;
}
}

7of9 · Jan 18, 2019

teitbite That only fixed part of the problem. When I am just tapping on the menu item, it works fine. When I am expanding the menu and scrolling down to see more menu items, from the phone, it still triggers click on menu item I initiated the scroll and the URL is wrong, so I get a 404 error. This only happens on phones. ie: Android, iPhone.
Please check an old video I had uploaded when it was doing it on the desktop as well: https://i-seo.tinytake.com/sf/MzIzNzgxOF85Njk5ODI1
This happens on the phones and does not load the page, it returns a 404 error, since the URL is wrong.
Click should NOT be triggered on scrolling.

Please advise.

teitbite · Jan 20, 2019

7of9 Hi. I'm not sure if it's possible from styling point of view to disable that. I've just checked one unrelated site and it works same way. Anyway please try with this addon:

.off-canvas #off-canvas-nav .t3-mainnav .nav-collapse {
overflow-scrolling: touch;
}

7of9 · Jan 21, 2019

teitbite Applying the code has no effect. Click is still triggered on scroll with wrong URL that creates a 404 error. URL is: https://www.dogbows.gr/en/beds-en-gb while it should be: https://www.dogbows.gr/en/shop-en-gb/all-categories-en-gb/beds-en-gb
Also it now has the same issue on desktop as well and wrong URL is also when you just click without any scrolling.
I found out that the URL is correct when you are in the home page, but when you are in the categories page, the URL breaks.
Please check the video: https://i-seo.tinytake.com/sf/MzI0MzU2N185NzE5NDI0

Any ideas?

teitbite · Jan 21, 2019

7of9 Hi. I have a small idea to disable links when page is being scrolled, which should allow to scroll while having a finger on a links. Try use this script:

var disable_click_flag = false;

$(window).scroll(function() {
    disable_click_flag = true;

    clearTimeout($.data(this, 'scrollTimer'));

    $.data(this, 'scrollTimer', setTimeout(function() {
        disable_click_flag = false;
    }, 250));
});

$("body").on("click", "a", function(e) {
    if( disable_click_flag ){
        e.preventDefault();
    }
});

but for the bad link I'm not sure how is it even possible. Please try delete the script I gave You before, maybe this is the thing breaking it.

7of9 · Jan 21, 2019

teitbite were should I place this script?

teitbite · Jan 22, 2019

7of9 Hi. In template's configuration You will find a place for custom script. Any field should do, but please remember to use:

<script></script>

around it.

7of9 · Jan 22, 2019

teitbite I added the script but it has no affect. Any ideas?

teitbite · Jan 23, 2019

7of9 Hi. Script is showing an error in console.

(index):84 Uncaught TypeError: Cannot read property 'on' of null

lets try to change it a little:

var disable_click_flag = false;

$(window).scroll(function() {
    disable_click_flag = true;

    clearTimeout($.data(this, 'scrollTimer'));

    $.data(this, 'scrollTimer', setTimeout(function() {
        disable_click_flag = false;
    }, 250));
});

$('body a').click(function(e){
    if( disable_click_flag ){
        e.preventDefault();
    }
});

7of9 · Jan 23, 2019

teitbite Still no affect. I am wondering: Couldn't you test your code with the template before you send it to me, or couldn't you use the credentials I already have provided to do the changes directly on the website? That way we can save time. Thank you in advance.

teitbite · Jan 23, 2019

7of9 HI. I've adjusted the code, but I'm afraid this will not work as well. I honestly do not know how to fix this particular issue since Your site is acting odd in this way. So I've checked a clean installation of JA Hawkstore and there is no such issue. So I'm guessing the problem may be because of modifications or becasue of one of 3rd party extensions. Can You please tell me which extensions been installed since launch so I will try disable them one by one till I find the one responsible.

7of9 · Jan 23, 2019

teitbite I am afraid I have to disagree with you. The problem exists in your demo website as well: https://ja-hawkstore.demo.joomlart.com/index.php/en/
I had posted in the past a video about this in your demo site. However, I just created a fresh one here:
https://i-seo.tinytake.com/sf/MzI1MjcyMV85NzQzOTI2
So as you can see it is not an issue of my website and it does not have to do with any extension.

This is a major issue. I am having this issue on a live website and this affects the sales!
I am having this problem for almost two months now. Do you think you could fix it any time soon?
We are loosing money every day! PLEASE!

@saguaros you were looking at the issue initially. Any thoughts. Anybody help please!!! ((((((