disabling lightbox on mobile only (product page)

34 minutes ago, sam_sam said:

Hello,

Sorry for the late reply, I wasn't notified.

https://helix-triangle-pdrn.squarespace.com/shop/p/lounge-tunic-lyns8

password: tempo

that's the code in the custom css:

.gallery-lightbox-item {
  height: auto !important;
  width:100% !important;

}

.gallery-lightbox-wrapper {
  overflow-x: scroll !important;
  overflow-y: none  !important;
  width:100% !important;

}

 

currently, lightbox shows for both mobile and desktop.

I want it only for desktop because i cannot zoom inside mobile when in lightbox view.

 

thank you,

Samer

 

Add to Design > Custom CSS

/* Disable lightbox mobile */
@media screen and (max-width:991px) {
.ProductItem-gallery-slides {
    pointer-events: none;
}
}