[DoebankDesignsParticipant]

I have three sites that are having the same problem when viewed on my iPhone. When I scroll down the page, everything is fine. But when I try to scroll back up, the screen jumps, and it’s very difficult to move up the page. All three of these are X sites. However, I have another X site that works fine. So I’m not sure what the common factor is. I’ve checked plugins and settings, and I can’t figure it out.

[DoebankDesignsParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for posting in.

There is no navbar fixed positioning on mobile. And I don’t see any issue since fixed positioning is only applicable when scrolling. Could it be the address bar that appears and disappears when scrolling?

Thanks!

[DoebankDesignsParticipant]

Okay, apparently it’s only happening on Chrome mobile. I tried the site in Firefox, Opera, and Safari, and it had no problems. It is the address bar trying to appear and reappear. But do you have any idea why it would happen with this site and not other X sites? There’s clearly something about this particular site.

[RadModerator]

Hi there,

We can’t really control how mobile browser behaves, especially the address bar appearing and disappearing. Though I like to know what you’re getting when it’s jumping. Would you mind providing a screen recording?

And it should not really jumping since fixed positioning isn’t applied on your mobile navbar.

Thanks!

[DoebankDesignsParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

Thanks for the video recording!

I can replicate the issue on iPhone on Chrome. I have tested it on the iOS simulator with Safari Mac web inspector; it seems you are using a 3rd party plugin “NKS Custom” that is adding some div wrappers in the page. I assume this is causing the conflict. I’d advise deactivating this plugin and seeing if the issue resolves. If it doesn’t, you could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes.

Thank you!

[DoebankDesignsParticipant]

You’re a genius! That’s exactly the problem. Thanks! For reference, it’s the Ninja Kick slider plugin. It’s a great plugin but apparently doesn’t play well with others.

[NicoModerator]

Happy to hear that you have found the issue. You could still fix the issue however we could not share some suggestion on how to do it because it is beyond the scope of our support and it is quite complicated.

Thank you so much for understanding.

[DoebankDesignsParticipant]

Okay, for the record, the problem is NOT with that plugin. The problem seems to be using a menu item’s CSS class to call a popup form. I’m no longer using that plugin but still using the same method to call a popup form and having the same problem. So this seems to be an issue with how WordPress menus interact with Chrome’s mobile browser, would that be a correct assumption?

[RadModerator]

Hi there,

If the class name you added to your menu item has corresponding style equivalent or code binding, then yes, your assumption is correct. Testing another class name, or any but unique class will confirm that 🙂

Thanks!

[DoebankDesignsParticipant]

So, is there anyway around this? It seems to be fine on other browsers.

[DoebankDesignsParticipant]

Okay, it seems like something else is going on. I removed the code binding from my menu item, but the scrolling issue still exists.

[RadModerator]

Hi there,

I checked it again but this time, I’m not able to replicate the jumping on chrome mobile. I’ll try it again, but I’ll forward it to other support too.

Thanks!

[Author]

Posts