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.

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

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

                            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.

                              You need to Login to view replies.