Brine Grid Gallery: Multiple Columns in Mobile View Possible?

While it looks like this used to be the default, I'm wondering if there's any options to have more than one column in the mobile view of a Brine Grid Gallery (end goal: to more mimic the responsiveness of the grid gallery on desktop with more than one column, see example below--screenshot of desktop view).

Thank you!

Can you share page url? We can check easier

Thank you and sorry for not including! http://www.jessicapaulphoto.com

On 1/7/2021 at 3:57 AM, JSPaul said:

Thank you and sorry for not including! http://www.jessicapaulphoto.com

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-gallery-design-autocolumns {
    height: auto !important;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 2px;
    grid-row-gap: 2px;
}
.collection-type-gallery.gallery-design-grid .slide {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
}
}

On 1/7/2021 at 11:29 PM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-gallery-design-autocolumns {
    height: auto !important;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 2px;
    grid-row-gap: 2px;
}
.collection-type-gallery.gallery-design-grid .slide {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
}
}

 

THANK YOU. Is there any way to make the two columns responsive to mimic the desktop view. With the above Custom CSS, the portrait and landscape photos have breaks. Please see attached for reference. Thanks again!  

On 1/7/2021 at 11:29 PM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-gallery-design-autocolumns {
    height: auto !important;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 2px;
    grid-row-gap: 2px;
}
.collection-type-gallery.gallery-design-grid .slide {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
}
}

 

@tuanphan Hi again! Following up on the above and if there was a way to to make the two columns responsive to mimic the desktop view. With the above Custom CSS, the portrait and landscape photos have breaks. Please see above for reference. THANK YOU!

Is there a way to do this but using image blocks? My website has 6 image blocks on the home page and I would like to have 2 columns like in the above examples. 

www.antonioespino.com

3 hours ago, AExce said:

Is there a way to do this but using image blocks?

I suggest using an Index page containing two pages. One designed for desktop (3 cols) and one designed for mobile (2 cols). Then with CSS we could manipulate the Index pages subpages to show/hide at the appropriate break points.

Do this work in the Not Linked area, send us the URL for the Index page, we can then take a look at it and probably provide some CSS.

Hi, I'm having the same trouble and would like my mobile view to mimic my desktop view that includes viewing multiple columns. Is this available?

On 1/11/2021 at 8:49 PM, JSPaul said:

THANK YOU. Is there any way to make the two columns responsive to mimic the desktop view. With the above Custom CSS, the portrait and landscape photos have breaks. Please see attached for reference. Thanks again!  

Hey were you able to figure this out?

On 4/3/2023 at 12:35 AM, JewelryByOrly said:

Hey were you able to figure this out?

Can you share link to this page?