Docs

[Andrei]

Hi, the product page carousel works great on the desktop. On the other hand, when I open it on mobile, I have a big gap upside the photos, depending on the position where I decide to open the carousel. Every time I switch between the carousel photos the gap becomes bigger and bigger. I attached some photos. My website is //sinestezic.com

[Lely]

Hello Andrei,

Thank you for the screenshots. Please try adding the following custom CSS on Appearance > Customize > Custom Edit Global CSS:

@media only screen and (max-width: 768px){
div.pp_woocommerce {
    top: 5% !important; /*Feel free to adjust to your preferred position*/
}
}

Hope this helps.

[Andrei]

Hey Lely,

Thank you very much, it works!

[Andrei]

I have another issue, sorry for not posting it in another topic. When I am on a single product page, on mobile, when I try to pan down over the image, it doesn’t work. I attached an image.

[Rupok]

Hi there,

It seems you are referring the zoom on hover effect. There is no such functionality as “hover” for mobile so it won’t work. I don’t think it supposed to work on mobile. Maybe you are using a third party plugin to achieve this; you can ask the developer to confirm the issue.

Cheers!

[Andrei]

Hi Rupok,

Sorry, this is not what I am referring to. I am trying to move down to see the product description and other informations I have on the product page by panning on the first image and it doesn’t have any reaction to that.

[Rupok]

Hi there,

Thanks for writing back. That’s the same cause. Since the plugin you are using has set a hover functionality on the image but it’s not supported by mobile; nothing is working when you touch and try to pull through the image. But if you just try to scroll beside/under the image area, it will work. It’s causing by the plugin you are using for zoom and you can reach to the plugin developer for this as we don’t provide support for third aprty plugins.

Hope this makes sense.

[Author]

Posts