Scrolling on mobile sticks on Header and Footer (Video Example Included)

[NobodyTrashesTenness]

Hi there Im having a problem where the scrolling sticks when I’m at the top and bottom of the page.

I’ve included a video as an example.

[Prasant]

Hello @NobodyTrashesTenness,

Thanks for asking.

Can you please share website URL for us to take a closer look?

Thanks.

[NobodyTrashesTenness]

No problem, I’ve included it in the secure note in my comment above.

[rad]

Hi there,

I can confirm that issue but can’t find what’s causing it, it’s standard content with header and footer. I’d like to disable the plugins but can’t do that since you’re using Wp Staging plugin, I’m not sure how that works but it’s probably residing on your same installation. Should I disable them? And I’ll continue checking.

Thanks!

[NobodyTrashesTenness]

Hey Rad,

Thanks for the reply. So this site has been developed in staging and I’m not sure whether that is causing the issue. I’m just worried of push it to the live site and it still having the same issue. I’ve contacted wp staging to see if disabling the wp staging plugin will be safe in the staging site/if they have encountered this issue. (I did disable most all plug-ins except for wp staging before when I was troubleshooting and found no change.)

In the meantime is there anything else that could possibly be causing this?

(fyi I’ve been able to replicate this issue in safari when I make the screen size small enough)

[NobodyTrashesTenness]

They said it’s fine to disable the wp staging plugin. I did so and was still having the same issue unfortunately. Let me know if it’s the same on your side please.

[rad]

Hi there,

Still no luck, but I’m still testing it. How about cloning your site in a different host, with clean setup and import your home page template just to see if it will happen there. Your home page has no content or code that should trigger this issue.

Thanks!

[NobodyTrashesTenness]

Hey Rad,

I can see what I can do, but this issue is going on with all pages, not just the homepage.

This is what I got back from wp staging’s support:

"Hi Jordan,

I do not think is caused by WP Staging and I am pretty sure the theme support did not inspect your website at all. As you already said, if you disable wp staging on your website the error is not gone.
There is obviously a javascript error which could cause issues, see: http://take.ms/aVbTf I wonder why the did not see that one.

In a google map module there is a blank space missing. So, if you push the site you would push the site error as well. It must be resolved first.
This could be part of your theme or a separate plugin you installed.

Tip: Use Google chrome > F12 and check console for errors if something is not working: http://take.ms/DtiJE

Btw. Its often helpful to disable caching completely on a staging site.

Honestly in my opinion, I am not sure if resolving the js error will also resolve the scrolling issue. If it does not, you could disable all plugins. If the error persists its definitely a bug in the theme. It looks like there is a script running which tries to smooth the scrolling but it fails.

Cheers
René"

[NobodyTrashesTenness]

Update!

So I’ve gone ahead gotten rid of any Javascript errors but the issue remained. It def seems like it’s a theme issue because once you change the theme to a different one the issue goes away.

The problem seems to have been fixed once I added the following css:

html {
overflow-x: initial !important;
}

[rad]

Hi there,

Sorry for the confusion, I didn’t say WP Staging is the issue and the one that causes it. I’m just worried that it creates a staging but still the same instance from the main site (since it’s just a plugin). And with that, I’m afraid to do any changes on your site for testing as it could affect your main site which is why I’m personally recommending a separate staging away from your main site. It does happen before, I’m just trying to make it safe before we go further.

Plus, those javascript error has no relation to the main issue, and they aren’t from the theme. They are added to your custom javascript. You can remove it, I tried removing it with no effect so I just left it there as a backup. But it depends on you if you’ll remove it for good.

About the CSS, yes, please add that as a workaround. But as of now, with or without CSS, it all works on my installation so there must be a conflict in the theme or somewhere in your site that affects the CSS. My first thought is the smooth scrolling since it changes the HTML overflow, but I don’t see that on your site.

Thanks!