Jump to content

danegrady

Member
  • Posts

    5
  • Joined

  • Last visited

Everything posted by danegrady

  1. 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; } }
  2. This works for me, but you can still swipe the images and it looks odd. any way to prevent them from swiping?
  3. 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?
  4. 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!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.