Why is there a space on my product page when pinching on mobile?

Store Design
1

When I pinch on a product page, there is a space on the right side.

Is there any way to fix this?
https://photopri.com/products/epson-prophotopaper-kinume

I’m using Safari on my iPhone 12, and I’ve updated to the latest version.

IMG_9068.PNG
IMG_9068.PNG1169×2416 346 KB

2

@Yuta_M

@media (max-width: 360px){
    body, html{
    overflow-y: hidden;
}
}

Add this code in theme.scss

thank you.

3

hello @Yuta_M

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media (max-width: 360px){
    body, html{
    overflow-y: hidden;
}
}
4

I added it, but it didn’t work.
No change at all.

5

@Yuta_M - it is because of the hulkapps tooltip in the form, please add given css and check, if you have more requirements then you can contact me on my email.

@media screen and (max-width:749px){
.hulkapps-tooltip .hulkapps-tooltip-inner{white-space: initial;    width: 250px;}
}
6

@Yuta_M - should be like this without space on right

suyash1_0-1628761176495.png
suyash1_0-1628761176495.png1366×768 112 KB

7

Adding it did not fix the problem.
Pinching creates space.

8

Can you please show screenshot of space?

9

I’ll send you a screenshot so you can check it out.

IMG_9071.PNG
IMG_9071.PNG1170×2532 190 KB

IMG_9070.PNG
IMG_9070.PNG1170×2532 360 KB

10

sure, you have my email below, you can send on it