Jump to content

WinchesterCopywriter

Member
  • Posts

    4
  • Joined

  • Last visited

Everything posted by WinchesterCopywriter

  1. Thank you! I've removed my code. Ideally I'd like the mobile view to behave exactly like the desktop one - no gaps on both slideshows and without any cropping occurring on the second one.
  2. Site URL: https://www.thewinchestercopywriter.co.uk/portfolio/university I'm using two reel slideshow galleries on a page. The first works fine but on the second the images are all cropped on mobile view. I assume it's because the images in the second are more square, but I'd prefer them to resize dynamically instead of being cropped at all. The desktop view follows my rules of using an inset gallery but the mobile view seems to enforce a full bleed effect with cropping. https://www.thewinchestercopywriter.co.uk/portfolio/university I've added code to address the height of the gallery that I've seen on other forum posts here but that's just resulted in the images getting more cropped. I've add this code to the CSS which has resized the second gallery to fit and moved it more central, but has created gaps between the images. @media(max-width:767px) { .gallery-reel { padding-top: 30px !important; padding-bottom: 50px !important; } .gallery-reel-item img { left: 40px !important; width: 80% !important; height: auto !important; } } Ideally they should all be side by side without gaps and without any of the image cropped, in the same way as on the Desktop view. Desktop View: Mobile view without any CSS (cropped image): Mobile view with resizing CSS (gaps and too much padding):
×
×
  • 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.