How to create the auto layout list section into 2 columns on mobile - Squarespace 7.1

@media only screen and (max-width: 640px) {
  .user-items-list-simple:not([data-num-columns="1"]) {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px !important;
  }

  .list-item-content__title {
    font-size: 1rem !important;
  }

  .list-item {
    padding: 0.5rem !important;
  }
}
Dave Hawkins // Made by Dave

As a top tier Squarespace Expert and founder of Made by Dave, I bring over 10 years of Squarespace experience and 600+ bespoke website launches. Our process combines consultancy, design, project management and development for a collaborative and efficient experience with clients like you. Whether you need a new website or updates for your existing site, we'll help you get up and running.

https://madebydave.org
Previous
Previous

How to format text on your Squarespace 7.1 website to look professional using Text Wrap

Next
Next

How to show a different desktop and mobile menu logo - Squarespace 7.1