Mobile "meet the team" to show as columns

I want our "meet the team" page to look similar on mobile as it does for desktop. On desktop it's a simple list with 3 columns, but mobile it's one long list with all of us. 

Site password: passion

Can you share your website URL?

I think current is better, 2 or 3 will make text + image very small

You can consider adding a back to top on this page (if you need, we can give a free code)

8 hours ago, tuanphan said:

I think current is better, 2 or 3 will make text + image very small

You can consider adding a back to top on this page (if you need, we can give a free code)

On 7/17/2023 at 4:19 PM, graycpa said:

 

https://kumquat-rabbit-8fnn.squarespace.com/

A code for that would be great!

Try this Custom CSS from InsidetheSquare:

@media only screen and (max-width: 767px){
 .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: .5rem !important;
 }
}

Read more:

List Sections: Two Items Per Row for Squarespace List Sections

The list shows as a single list for me though so I don't think the code is doing anything. Also - is there a way to code where the home page gallery of our services can be larger/different for mobile but stay the same on desktop? On mobile, those images get pretty small

Add to Design > Custom CSS

/* Mobile Meet Our Team */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="64791275664ff33006a412ae"] {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-gap: 10px !important;
}
}

Quote

On 7/21/2023 at 9:24 PM, tuanphan said:

Add to Design > Custom CSS

/* Mobile Meet Our Team */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="64791275664ff33006a412ae"] {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-gap: 10px !important;
}
}

 

Nothing changed when I added this code... 

14 hours ago, graycpa said:

 

Please check outside edit mode, I see it runs here