Ivanw Posted October 21, 2022 Share Posted October 21, 2022 (edited) Hi, Anyone knows how to change my product display from 1 to 2 on mobile? Site url: https://www.soilboy.sg/ Edited October 21, 2022 by Ivanw More Info Link to comment
Ziggy Posted October 21, 2022 Share Posted October 21, 2022 Try this custom CSS: @media screen and (max-width:767px) { .products .list-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; display:grid; grid-column-gap:12px; grid-row-gap:12px; }} Let me know if that works! Ivanw 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Ivanw Posted October 21, 2022 Author Share Posted October 21, 2022 Hey Ziggy, Thanks for your help! but unfortunately didnt work for me after I paste it on the custom css! Any idea why? Link to comment
Ziggy Posted October 21, 2022 Share Posted October 21, 2022 This should work on the main store page, and from looking at your site, it is working. Were you wanting the homepage 3 products to be 2 across on mobile? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Ivanw Posted October 21, 2022 Author Share Posted October 21, 2022 Hey Ziggy! yeah it is working, thank you so much! Anyway I have another question, how can I display more products on my product page instead of just 20? Link to comment
Ivanw Posted October 21, 2022 Author Share Posted October 21, 2022 or instead I would like to keep the pagination for mobile but continuous scrolling on browser. Do you think this is possible? Link to comment
Ziggy Posted October 21, 2022 Share Posted October 21, 2022 Fantastic! Can you upvote my answer? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Ziggy Posted October 21, 2022 Share Posted October 21, 2022 Try this thread: https://forum.squarespace.com/topic/166170-getting-around-shop-all-200-max-products-limitation/ Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? 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