How to be able to pinch and zoom. only on gallery images with lightbox on. In my Squarespace website

Hello everyone, I built this website for my business and we have a few pages as portfolio items. I have lightbox activated when you click on any of the gallery images below the main header one. It looks great on a computer but on a mobile device one isn't able to pinch and zoom in on the images in the gallery on the smartphone. 

What would the code look like to make it possible to zoom in on gallery images with Lightbox?. 

I've tried using Chatgpt to write code but what it gave me to put into the custom CSS didn't work. I would really appreciate some help. 

https://www.zampolin.com/mixed-use/new-portfolio-item-b3ezg-d2r5y-w9w5e

You can use Lightbox Plugin (affiliate link) or this link (non-affiliate link) to do this. It has an option to enable pinch zoom on mobile

You can see a quick demo here: https://tuanphan.squarespace.com/gallery-grid-section-pinch-zoom?noredirect

pass: abc

On 11/10/2023 at 12:29 AM, ZAMPM said:

Hello everyone, I built this website for my business and we have a few pages as portfolio items. I have lightbox activated when you click on any of the gallery images below the main header one. It looks great on a computer but on a mobile device one isn't able to pinch and zoom in on the images in the gallery on the smartphone. 

What would the code look like to make it possible to zoom in on gallery images with Lightbox?. 

I've tried using Chatgpt to write code but what it gave me to put into the custom CSS didn't work. I would really appreciate some help. 

https://www.zampolin.com/mixed-use/new-portfolio-item-b3ezg-d2r5y-w9w5e

Lightbox Studio support this out of the box, you can open this link on mobile to see it in action