Scrolling problem on mobile product page

Shopify Discussion
1

I’m having a problem on my website, liquidthat.com, where on mobile it’s impossible to scroll on the product page because the image of my product blocks it. Please provide advice.

2

Hey!

3

Hi @LiquidThat ,

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

  • Go to Online Store->Theme->Edit code
  • Asset-> styles.scss
  • Paste the below code at the bottom of the file.
@media(max-width:767px){

html,body{overflow-x:hidden !important}

}

Hope my solution works perfectly for you!

Regards,

Victor | PageFly

4

Hey! I appreciate the help; however, it’s still not working to scroll on mobile when my finger is over the image :disappointed_face:

5

Hi LiquidThat,

I’ve taken a look at your shop.

Please add the following CSS to your theme.liquid file just before the tag.

You can find it inside Online Store > Theme > Edit code > theme.liquid

Screenshot 2022-11-24 at 13.16.08 (1).png
Screenshot 2022-11-24 at 13.16.08 (1).png999×522 111 KB

6

Still not working on my device for whatever reasno

7

Hi @LiquidThat ,

Please try this code

.zoomContainer{display:none !important}

Hope it help!
Victor | PageFly team

8

Sorry there was a typo in my previous post. Try this.
9

Thank you so much