Hi,

A problem from 2016 has returned: https://www.joomlart.com/forums/topic/menu-does-not-work-on-mobile-phone-version/
Please check the video, in order to understand what I mean: https://i-seo.tinytake.com/sf/MzE3NTI4MV85NTA5NDU2
I tried the solution provided by @saguaros in that thread, but it did not work. All I got was this type of URL: /en/www.dogbows.grblog-en-gb
the url should be: www.dogbows.gr/en/blog-en-gb instead it is: www.dogbows.grblog-en-gb
I would appreciate a prompt reply, since this is a live website.

Thank you in advance.

    7of9

    Hi,

    You're using a quite old version of JA Hawkstore template now, could you take a backup of your site and upgrade template first?

    Or clone your live site to a staging / test site and upgrade there first. Just in case.

    • 7of9 replied to this.

        Hi saguaros , I created a subdomain: test.dogbows.gr with a copy of the website (You can login in the backend using the same credentials) and updated T3 and the template, however this did not resolve the problem.

        Please advise.

        Thank you in advance.

            5 days later

            7of9
            Hi,

            This is a weird issue, could I take a backup of this test site and investigate further in my local?

            • 7of9 replied to this.
                5 days later
                7 days later

                Hello, any chance we can get this fixed?

                  7of9
                  Hi,

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

                  • 7of9 replied to this.
                      5 days later

                      Hey guys,

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

                      Thank you in advance.

                      Hello... can I have some support please?

                        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 replied to this.

                            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 replied to this.

                                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.

                                    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 replied to this.

                                        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.

                                        Please advise.

                                            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 replied to this.

                                                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?

                                                    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 replied to this.
                                                        You need to Login to view replies.