danegrady

yes, https://www.danegrady.com/printshop/p/pulse @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: none !important; } .ProductItem-gallery-current-slide-indicator { display: none; } .ProductItem-gallery-slides-item { position: static !important; height: auto !important; width: 100% !important; visibility: initial !important; } img.ProductItem-gallery-slides-item-image { width: 100% !important; height: auto !important; left: 0 !important; } .ProductItem-gallery-slides:before { padding-bottom: 0 !important; } .ProductItem-gallery-scroll { display: none !important; } }

This works for me, but you can still swipe the images and it looks odd. any way to prevent them from swiping?

I have have a code that allowed me to stack the product images, instead of a carousel display on mobile. However you can still swipe on the images. Is there any code to disable that swiping effect?

I am trying to achieve the following for my galleries- 2 images per column on the desktop, and one image per column (stacked) for mobile view. I had to get a code to convert the mobile view to one column. However, the code makes the images blurry. Here is the code- @media screen and (max-width:767px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; } } Any thoughts? Thank you!