Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to make gallery grids one column on mobile


Question

On the template I'm using gallery grids appear in 2 columns for desktop view and stay in these 2 columns when in mobile view.

As you can see in the screenshot, I need the two columns to stack in columns of 1 when in mobile view, so that the content is more visable, how do I change this so its different for both screens please?

Screenshot 2021-05-25 at 11.48.50.png

Link to comment

8 answers to this question

Recommended Posts

  • 0

I have a post with some code for different templates and different block styles that may help: https://christyprice.com/blog/stack-grid-gallery-squarespace-mobile

Link to comment
  • 0
22 hours ago, jessclark98 said:

On the template I'm using gallery grids appear in 2 columns for desktop view and stay in these 2 columns when in mobile view.

As you can see in the screenshot, I need the two columns to stack in columns of 1 when in mobile view, so that the content is more visable, how do I change this so its different for both screens please?

If you share link to gallery on your site, we can give the code to make 1 column on mobile

Link to comment
  • 0
On 5/26/2021 at 10:22 AM, tuanphan said:

If you share link to gallery on your site, we can give the code to make 1 column on mobile

Thanks for your response, how do I go about sharing the link to the gallery please?

Link to comment
  • 0
On 5/25/2021 at 10:43 AM, christyprice said:

I have a post with some code for different templates and different block styles that may help: https://christyprice.com/blog/stack-grid-gallery-squarespace-mobile

Hi, I looked at your link and I am wondering if that would work with the Bobine gallery (sorry my Squarespace is in french that might be the french name, maybe but it's the last one in the list of gallery blocks)

Thank you! (And I downloaded your freeby, it will be super helpful!)

Link to comment
  • 0
Posted (edited)

@AnoukG I’m sorry- I don’t recognize that gallery name. If you inspect the code it may have a different class to swap out. 
 

And so glad you found the checklist helpful!

Edited by christyprice
Link to comment
  • 0

@AnoukG @christyprice

Well the web translator said french bobine was english reel. Heck most of the icons in a gallery block design could be considered a reel of some kind. But when AnoukG said last one. At that point I'm thinking Stacked.

271893042_ScreenShot2021-06-03at8_04_51PM.png.f059bf82dcb1e4342a1aad8eeb6df9c7.png

Assuming the english and french version present the icons in the same order!

And for more language fun I assume the english word bobbin is related to french bobine if not a descendant.

🙂

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
28 minutes ago, creedon said:

@AnoukG @christyprice

Well the web translator said french bobine was english reel. Heck most of the icons in a gallery block design could be considered a reel of some kind. But when AnoukG said last one. At that point I'm thinking Stacked.

271893042_ScreenShot2021-06-03at8_04_51PM.png.f059bf82dcb1e4342a1aad8eeb6df9c7.png

Assuming the english and french version present the icons in the same order!

And for more language fun I assume the english word bobbin is related to french bobine if not a descendant.

🙂

Hahaha yeah, not simple. I don't see the same thing, mine are only words, not images...but I am guessing it would be the Carousel one that I have on but it's a section not a block content as it seam I am in the 7.1 version and the grid don't exist anymore as content blocks...

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...