Jump to content

I Want to Change Mobile View of Summary Block

Go to solution Solved by Caroline_Smith,

Recommended Posts

  • Solution


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:


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


Feel free to email me with any customization inquiries or questions you may have!

Free Squarespace Resources: DevTools Minicourse,  11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator

Link to comment
  • 2 years later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.