5 column grid Masonry mobile

Hey all,

I know it sounds wild, but I want to try it. Is there a way to display 4 or 5 columns in the masonry grid on mobile? I know the images will look small but that's kinda the goal. 

Thanks in advance if anyone can help

Can you share your website URL?

Hi sorry late reply, 

here's the site

https://jas-photo.com/

This is tricky since it's a masonry gallery and designed to be responsive, I'll see if I have a solution for you on mobile, but it may it work perfectly.

If you have another solution that uses a different style gallery I could be open to that?

2 hours ago, VD_A said:

If you have another solution that uses a different style gallery I could be open to that?

Can you try with this code? Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

@media only screen and (max-width: 767px) {
    [data-section-id="64fc625672723e3855236170"] {
        .gallery-masonry-wrapper {
            height: auto !important;
            padding: 0.5% !important;
            box-sizing: border-box;
        }
        .gallery-masonry-wrapper .gallery-masonry-item {
            position: relative !important;
            width: 19% !important;
            height: auto !important;
            float: left !important;
            transform: none !important;
            margin: 0.5%;
        }
        .gallery-masonry-item-wrapper {
            height: auto !important;
        }
    }
}

That looks good and in the Squarespace editor it looks pretty much how I was envisioning, however when I open the page on my phone the images are all stretched. Maybe something to do with the auto height?

On 12/8/2023 at 3:32 AM, VD_A said:

That looks good and in the Squarespace editor it looks pretty much how I was envisioning, however when I open the page on my phone the images are all stretched. Maybe something to do with the auto height?

Can you send me a screenshot?

On 12/9/2023 at 8:40 PM, Web_Solutions said:

Can you send me a screenshot?

Here

6 hours ago, VD_A said:

Here

This is what I see on my mobile