Why is my mobile site not scrolling properly?

Topic summary

Mobile storefront exhibits erratic scrolling on real phones: pages feel jumpy, don’t scroll fully, and sometimes jump between pages. Issue is reproducible on the author’s and a friend’s devices.

Context: It’s a Shopify-based site (tags: css, html, optimization, shopify-theme). The problem does not appear in the desktop editor’s phone/emulation view; it only occurs on actual mobile devices. A live URL was provided for testing.

Status: No diagnosis, fixes, or contributing factors (device models, OS/browser versions, scripts, or theme customizations) have been identified or shared. No code or media attachments were included.

Open questions: Which devices/browsers are affected, and under what conditions? Are there theme scripts, CSS properties (e.g., overflow/position: fixed), or apps that might interfere with native scrolling?

Summarized with AI on January 20. AI used: gpt-5.

the mobile version of the shop is a little funky, at least on my phone and my friends. It doesn’t scroll properly all the way and like jumps between pages.

here is my website https://sudibear.com/

It works fine when I use the phone view on pc to edit . however my issue is that when you try to browse my website on phone its jumpy and scroll doesn’t work properly