Mari_Marketing Posted February 17, 2023 Share Posted February 17, 2023 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
Ziggy Posted February 17, 2023 Share Posted February 17, 2023 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Mari_Marketing Posted February 17, 2023 Author Share Posted February 17, 2023 Hi @Ziggy thank you for your response - I have also found this forum discussion: and I think this is what I am wanting. So in desktop it appears as simple list, and in mobile it appears in carousel. I've tried the CSS that tuanphan suggested for MayaViolet, changed the id section but it isn't working for me Do you have any thoughts on this? Link to comment
Ziggy Posted February 17, 2023 Share Posted February 17, 2023 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Solution Mari_Marketing Posted February 17, 2023 Author Solution Share Posted February 17, 2023 Hi @Ziggyand @tuanphan - I have solved this myself. I've made the content be 6 columns wide but as a carousel - so on desktop it still looks how I want it to, but it automatically becomes a scrolling carousel in mobile view...! Many thanks for your time 🙂 tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment