Jump to content

How to stop Grid Gallery block thumbnails from going over two lines on mobile (York)

Recommended Posts

Site URL: https://www.sarahwalker.work/

Hi there folks!

I'm having trouble with the gallery block on my homepage. It contains three images, with the column number set to 3 in the gallery settings. On desktop, it displays fine, but on mobile, the grid pushes the third image onto a new line, which is making me frustrated.

I had a Google and tried the following code in the Custom CSS area, but to no avail - it keeps running over two lines, rather than forcing the grid to three on mobile.

@media screen and (max-width: 640px) {
  .sqs-gallery-block-grid .slide.sqs-gallery-design-grid-slide {
    width: calc(100%/1);
  }
}

This is all well above my wheelhouse - my coding knowledge extends to inserting images and making html links (what a boss). I'd greatly appreciate any thoughts anyone might have about how I can wrangle this!

Cheers from Melbourne, Australia,

Sarah

Link to comment
  • Replies 2
  • Views 659
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.