Making a 2 grid gallery display as 1 column in Mobile

Site URL: https://www.jonathanong.com/journal/abbotsford-convent-wedding

Desktop view - Gallery Grid is 2 columns

I would like the mobile view to be 1 column.

Does anyone have a code for it?

On squarespace 7.1

That's pretty easy to achieve, follow this guide:

https://christyprice.com/blog/stack-grid-gallery-squarespace-mobile

On 10/11/2022 at 3:22 PM, Ziggy said:

That's pretty easy to achieve, follow this guide:

https://christyprice.com/blog/stack-grid-gallery-squarespace-mobile

I think that code won't work in this case

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#block-4c7b6cb5bb9592114599 .slide {
    width: 100% !important;
    margin-bottom: 100px;
}
div#block-4c7b6cb5bb9592114599 img {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
}