How to make GALLERY SIMPLE GRID one column on Mobile View Only?

1000Watts · May 15

Hello, I can't seem to find the CSS that would allow me to turn my gallery simple grid into just 1 Column on mobile view only. Any advice would be greatly appreciated.

site: https://bear-pufferfish-gsl3.squarespace.com/config/pages

password - IRIS

Thank you! Natalee

tuanphan · May 18

You can use this CSS code

@media only screen and (max-width: 767px) {
    .gallery-grid .gallery-grid-wrapper {
        grid-template-columns: repeat(1,1fr) !important
    }
}

1000Watts · May 20

Thank you so much @tuanphan!!

How to make GALLERY SIMPLE GRID one column on Mobile View Only?

Recommended Posts

1000Watts

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

1000Watts

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources