I've been having a frustrating issue with my website on iPhones lately. It seems like something changed either at my end or with Shopify because product details pop up fine, but I can't scroll through them to read the descriptions. Instead, it just scrolls the background content. I've read that others have experienced similar problems with iPhones, even dating back to 2019, but this issue only just started for me after working perfectly in February. I've seen suggestions floating around about fixes using CSS or JavaScript related to WebKit, but honestly, I'm not sure how to implement those solutions. I'm not tech-savvy at all—just familiar with some basic Shopify code for embedding product buttons. I'd really appreciate any guidance on how to resolve this and make my store functional for iPhone users again.
2 Answers
If you're not familiar with coding, I’d recommend using a simple workaround first. You can add a 'Read More' button that links to the full product description page instead of in the pop-up. It’s not a perfect fix but will let people read the details without scrolling issues while you sort out the main problem. Plus, it makes the layout cleaner for mobile users!
It sounds like a frustrating issue! Since you mentioned that it’s a new problem, it may be because of some recent changes either in your Shopify theme or iOS updates. Have you tried clearing your browser cache or checking for updates on your Shopify settings? Also, if you can access the code, look for any overflow properties in your CSS. Sometimes setting overflow-auto or overflow-scroll can help with scrolling issues. If you're not comfortable editing the code directly, might be worth asking Shopify support for assistance too!
You might also want to test your site on different browsers on the iPhone to see if it’s a browser-specific issue. Sometimes Safari can be tricky with certain scripts.
That's actually a great idea! Until you figure out the scrolling issue, a quick fix like that can help keep your users engaged.