Jump to content

How to make gallery grids one column on mobile

Recommended Posts

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
  • Replies 8
  • Views 2.6k
  • Created
  • Last Reply

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
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
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

@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!

Link to comment

@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 the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
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

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.