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

How to Stack just one Grid Gallery in Mobile (Brine)?


edstudio
Go to solution Solved by bangank36,

Question

Site URL: https://chihuahua-wrasse-j3yk.squarespace.com/

The default mobile composition for Brine's Grid Gallery blocks is 2 images in each row. I would like there to only be one image so they're stacked on top of each other. I found this tutorial https://christyprice.com/squarespace-tips-tricks/stack-grid-gallery-squarespace-mobile that explains how to make stacked grid galleries default or apply it to all except one, but I would like to only apply it to the grid gallery in my welcome block (the first section of my home page). I've been trying to combine block-specific tutorials with the tutorial above to no avail. 

Password to view site: edstudio

Thank you in advance!

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

@bangank36 that was perfect, thank you!

@bangank36 I think that was the issue. Sometimes it's the little things we forget.. thank you!

Posted Images

5 answers to this question

Recommended Posts

  • 0
40 minutes ago, edstudio said:

Site URL: https://chihuahua-wrasse-j3yk.squarespace.com/

The default mobile composition for Brine's Grid Gallery blocks is 2 images in each row. I would like there to only be one image so they're stacked on top of each other. I found this tutorial https://christyprice.com/squarespace-tips-tricks/stack-grid-gallery-squarespace-mobile that explains how to make stacked grid galleries default or apply it to all except one, but I would like to only apply it to the grid gallery in my welcome block (the first section of my home page). I've been trying to combine block-specific tutorials with the tutorial above to no avail. 

Password to view site: edstudio

Thank you in advance!

You may want like this


@media only screen and (max-width: 640px)  {
    
 	#block-yui_3_17_2_1_1598664911761_4656  .sqs-gallery-design-grid-slide {
      	width: 100% !important;
      	clear: none !important;
  	}
  	#block-yui_3_17_2_1_1598664911761_4656  .sqs-gallery-design-grid-slide img {
    	width: 100% !important;
    	height: auto !important
  	}
}

image.thumb.png.f5753eaee4d447085bccc20bfb5ad222.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0
2 minutes ago, edstudio said:

@bangank36 hi again! Suddenly the code stopped working but I didn't mess with it at all. Please let me know if you can look into this! Thank you!!

It still working at the moment, maybe a cache issue on your ends?

image.thumb.png.27c62e7a3374436c213c80811cf11ab1.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...