How do I get a single column gallery grid on mobile?

PSH_72 · September 21

Site URL: https://www.paulhancock.co.uk/

Hi, I'm currently using the Avenue template for my site, with an image/video grid which appears in two columns on desktop. However, on mobile it also displays as a two column grid, meaning the content is too small. How can I keep it as a two column grid on desktop, but have it stack in a one column grid on mobile? I've seen the same question asked here a few times, and have tried the CSS code others have suggested, but nothing seems to work on my site so far. Many thanks for your help!

tuanphan · September 21

You can use this to Website Tools > Custom CSS

@media screen and (max-width:640px) {
div#projectThumbs a.project {
    width: 100% !important;
}
}

PSH_72 · September 21

That's fixed it! Amazing - thanks so much @tuanphan! Really appreciate the help.

How do I get a single column gallery grid on mobile?

Recommended Posts

PSH_72

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

PSH_72

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