Jump to content

Prevent RESIZING of lists when going to Mobile

Recommended Posts

Hi! Try adding this CSS code snippet to Design > Custom CSS. This will force that list to be a 2x2 grid when the 1x4 grid changes:

@media(max-width: 1100px) {
   [data-section-id="6184eca70288483db74037b9"] .user-items-list-simple { 
      grid-template-columns: repeat(2,1fr) !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

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.