Jump to content

'Meet the Team' section on SquareSpace - make it look different on mobile view

Go to solution Solved by Mari_Marketing,

Recommended Posts

Hello, I'm hoping someone can help me! 
On the site I am currently editing, on the home page there is a 'Meet the Team' section which I have created using the 'People' section on SquareSpace. There are 17 circles with the faces of my team. This is fine on PC view, but on mobile view it is a lot of scrolling. I would really like to be able to make the mobile view just be the CEO and then the option for people to scroll through the rest of the team with arrows. Can anyone help me with this? I have a feeling I need some custom CSS or code injection.

 

Thanks in advance!

Link to comment

This is rather tricky, you're really wanting two different functionalities of that people "List" section, and I don't know a way to dynamically switch between the two. You could duplicate that section, change the type from grid to carousel, and then use CSS to switch between the two on desktop/mobile.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Sounds like a good solution, nice find! But I'm not familiar with this to know.

@tuanphan Can you help @Mari_Marketing

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.