How can I resolve the scrolling issue on DAWN for mobile view?

Store Design
, , , ,

Topic summary

Mobile scrolling is blocked over a before/after image section from a third-party app in a Shopify Dawn store. The user can only scroll at the left/right margins and wants to scroll anywhere on the screen. The page is not yet live; a screenshot was provided.

A reply suggests the issue likely stems from the app being embedded via an iframe that captures touch/scroll events. Since iframe content cannot be edited from the theme, the recommended action is to contact the app’s support to adjust the widget’s behavior (e.g., enable pass-through scrolling or modify touch handling).

No theme-side code fix was provided. Status: unresolved; next step is to reach out to the app developer. No additional decisions or outcomes reported.

Summarized with AI on January 4. AI used: gpt-5.
1

Hi everyone! Does anyone know how I can fix the scrolling functionality when I come to this point of our website (on mobile view):

Screenshot 2024-02-23 at 22.27.51.png
Screenshot 2024-02-23 at 22.27.51.png2316×1428 237 KB

When I am on top of these pictures here, I can’t scroll, only if I scroll on the left or right side where its space for it, but I want it to be possible to scroll no matter where you scroll on the screen, if that makes sense. This is an app showing before an after pictures.

This page is not live yet, but let me know if there is any more info you need in order to solve this one.

Thanks a million in advance!

2

Hi @Onlinetrap Thanks for the explanation, As you have mentioned that you are using a 3rd party app for this functionality then you need to connect with the app support so that they can provide you the solution as I think you will be using the Iframe code and Iframe code can’t be edited.

If you need any other assistance then please feel free to ask the same.

Best Regards

Sahil

1 Like