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

How to Adjust to 2 columns in Masonry Grid in Mobile View in Squarespace 7.1

Question

Site URL: https://capybera-llama-l3jx.squarespace.com/basic-cakes-and-cookies

Hi guys, 

I would like to customise to display 2 images in 1 row in Masonry Grid in Mobile View.

I have use this before but didn't work for me.

Quote

@media screen and (max-width: 767px) {
  .sqs-gallery-block-grid {
    width: 50%;
  }
}

Here is my website url: https://capybera-llama-l3jx.squarespace.com/basic-cakes-and-cookies
Please advise. Thanks!

Edited by sskkkkk

Share this post


Link to post

13 answers to this question

Recommended Posts

  • 0
On 2/19/2020 at 8:44 AM, sskkkkk said:

I'm looking for 2 images in 1 row in Masonry Grid in Mobile View.

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
figure.gallery-masonry-item {
    width: 50% !important;
    float: left !important;
    transform: unset !important;
    position: initial !important;
}
figure.gallery-masonry-item img {
    width: 100% !important;
}
.gallery-masonry-item-wrapper {
    height: auto !important;
}
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
17 minutes ago, wholeheartcreative said:

Hi @tuanphan ! I'm trying to sort out the same thing with another website I'm working on:

 

https://pigeon-koala-t94f.squarespace.com/

password: sj 

Basically I want it to show like this one mobile:

e gaps on top and under it. 

Any solution to this? Thank you in advance.

You need another code. Above code will create problem with some images.

I'm solving same problem for a client (in progress). 

I think I will use grid, but it still has some problems, still testing

Edited by tuanphan

COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
1 minute ago, wholeheartcreative said:

@tuanphan all good thank you for the fast reply! all the best with it! 🙂

By the way, do you know what the best way to contact Squarespace head developers for concerns like this?

I only contact email/livechat....but they will not support custom code


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
On 2/22/2020 at 7:45 PM, tuanphan said:

You need another code. Above code will create problem with some images.

I'm solving same problem for a client (in progress). 

I think I will use grid, but it still has some problems, still testing

Hi @tuanphan  How are you? Were you able to figure for your client by any chance? 🙂 

Share this post


Link to post
  • 0
1 minute ago, wholeheartcreative said:

Hi @tuanphan  How are you? Were you able to figure for your client by any chance? 🙂 

I dropped that job, the client is not happy with the end result, there are some problems generated from the code. ☹️


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
3 hours ago, tuanphan said:

I dropped that job, the client is not happy with the end result, there are some problems generated from the code. ☹️

Oh no 😞 Sorry to hear that. Thank you for your reply as always.
I guess I'd have to settle with a grid for now. How I wish it was easy! 

Share this post


Link to post
  • 0
Posted (edited)
3 hours ago, wholeheartcreative said:

Oh no 😞 Sorry to hear that. Thank you for your reply as always.
I guess I'd have to settle with a grid for now. How I wish it was easy! 

Just found this plugin, you can try ;)

(affiliate link)

Edited by tuanphan

COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


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