Mobile landing page is not scrolling

[Jennine]

Hello,
This home page on mobile is not scrolling. It’s behaving as if it were stuck. Please advise. Thank you

Park Ridge Wig Center | Custom Wig Makers | River Vale, NJ

[ruenel]

Hello @Jennine,

Thanks for writing in!

I have checked your site and there is a JS error on the page.

It is caused by this JS code:

$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){
   
        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});

Please have it updated and use this instead:

(function($){

  $(document).ready(function(){
    // Add smooth scrolling to all links
    $("a").on('click', function(event) {

      // Make sure this.hash has a value before overriding default behavior
      if (this.hash !== "") {
        // Prevent default anchor click behavior
        event.preventDefault();

        // Store hash
        var hash = this.hash;

        // Using jQuery's animate() method to add smooth page scroll
        // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
        $('html, body').animate({
          scrollTop: $(hash).offset().top
        }, 800, function(){
     
          // Add hash (#) to URL when done scrolling (default click behavior)
          window.location.hash = hash;
        });
      } // End if
    });
  });
  
})(jQuery);

Please let us know if this works out for you.

[Jennine]

Hello,
Thank you for your response. I updated the code but it is still behaving the same way.

[jade]

Hello Jennine,

I have checked your site and it looks like there are some stray HTML tags.

This is usually caused by using some HTML tag in the contents of your site that are not properly paired or closed. For example, if you used a <strong> tag you should have its corresponding closing </strong> tag and that they are properly paired.

Kindly go over the contents of the site, i.e. element contents (header, content, footer) and make sure that you have done the steps above.

If you’re not able to find the issue, we can try having a look so kindly provide us with your admin details in a Secure Note so that we can check it.

Thank you.

[Jennine]

Hello,
Thanks for your response. I have looked throughout the site and can’t seem to find the problem. Is there a specific page or section that you are seeing this in?
I attached my credentials.
Thank you

[rad]

Hi Jennine,

The faulty html markup is caused by this line

<strong>Board Certified Accredited DME Facility<strong>

It should be this

<strong>Board Certified Accredited DME Facility</strong>

It’s not visible since it’s hidden from all devices, there are many other markup errors in which I recommend recreating your flip cards, you can try the Card element instead of Classic Card element.

I also added this CSS to your home page’s custom CSS,

body {
    overflow-x: unset;
}

That fixes the scrolling issue.

Thanks!

[Jennine]

thank you very much

[friech]

We are delighted to assist you with this.

Cheers!