I Want to Change Mobile View of Summary Block

MNF · February 11, 2022

Site URL: http://www.replenishyoustudio.com

I have a summary block on my home page that shows up just fine on desktop view, but enlarges to one-per-screen on my mobile view. I'd like the images to be smaller and 2-per-scroll instead of one big square going by, so that my mobile view looks similar to my desktop view.

This is what I'd like:

Instead of this:

Caroline_Smith · February 11, 2022

Hi!

This CSS snippet will make all summary blocks on your home page a 2-column grid at the mobile views. Add it the the Header code injection of your home page to see this:

<style>
@media(max-width: 768px) {
.summary-item-list {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
grid-column-gap: 15px !important;
}
}
</style>

MNF · March 4

Thank you, Caroline! Was ages ago but I only just saw your reply. 🥰

I Want to Change Mobile View of Summary Block

Recommended Posts

MNF

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Caroline_Smith

Caroline_Smith

Link to comment

MNF

Link to comment

Create an account or sign in to comment

News

Caroline_Smith

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources