Site getting “stuck” and won’t scroll right away on mobile devices

[ancorakim]

On mobile, the site seems to be getting ‘stuck’ when trying to scroll down at first. It is most apparent on the blog posts. Here’s the troubleshooting I’ve done so far:

1. Disabled plugins
2. Cleared cache
3. Checked margins
4. Checked header/footer codes and css/java
5. Made sure everything is updated
   I’m unsure of what to check from here, so here is a link to one of the posts that I’m seeing this on (though it is happening site-wide): https://green365.com/we-need-to-talk-about-the-problems-with-wet-wipes/

[ruenel]

Hello @ancorakim,

Thanks for writing in! I have checked the mentioned page and I cannot replicate the issue on my android phone. Please clear your plugin caches and your browser cache. You can use another browser on your phone like Firefox or Chrome using the private browsing mode before you test your site again.

This article might help you:

• https://www.businessinsider.com/how-to-clear-cache-on-iphone

Best Regards.

[ancorakim]

Hey, I tried clearing site cache and browser cache. I’m still getting the same thing on iphone in chrome and safari and on my android on chrome. I tried in incognito as well. I have a screencap video of what I’m seeing, but I can’t upload that here.

[tristup]

Hi @ancorakim,

The scrolling issue occurs due to the second scrollbar appearing on your website. Please remember that the double scrollbar appears only if some of the element is taller or similar in height to its container. In your case, the container height is set to 5em inherited from the Bar while the padding Bottom and the Top of the Text element set that element longer than its container, and that is why the problem occurs.
I would suggest you remove the padding from the Text element for the specific breakpoint, or else you can set the Height to Auto for the Bar instead of 5em to get rid of this issue.

Hope it helps.
Thanks

[ancorakim]

Thank you! I combed through the footers, got rid of the padding/height and it’s working now.

[ruenel]

You are most welcome.