benjohnsoncreative Posted June 9, 2020 Share Posted June 9, 2020 Yes, here is the link: frog-cylinder-fs7r.squarespace.com The "summary list" that I am using is on the first section underneath the hero. It is the award badge circle images. Link to comment
Bel_SquareSpace Posted June 27, 2020 Share Posted June 27, 2020 On 5/22/2020 at 7:10 PM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { body#collection-5be8472a758d463fccbeb164 { .summary-item-list { height: auto !important; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-column-gap: 5px; grid-row-gap: 5px; } .summary-item { width: auto !important; height: auto !important; margin: 0 !important; position: static; } } } Can you let me know how to do this for my page - i don't want the summary wall to stack and resize in mobile version. I want it to look like two columns for the mobile as well. https://dog-wrasse-bzts.squarespace.com/ Link to comment
withari Posted July 3, 2020 Share Posted July 3, 2020 (edited) On 5/22/2020 at 2:10 AM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { body#collection-5be8472a758d463fccbeb164 { .summary-item-list { height: auto !important; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-column-gap: 5px; grid-row-gap: 5px; } .summary-item { width: auto !important; height: auto !important; margin: 0 !important; position: static; } } } Hi, I'm also wondering if this code can be applied to my wall summary block. I did input the code into my website (and changed the body#), but there were no changes. Instead, I changed the width to (100%/3) which did shrink the images, but as you can see from the screenshot, it is spaced out. I'm hoping it can display 3 images in 1 row on mobile view. Edited July 3, 2020 by withari Link to comment
tuanphan Posted July 5, 2020 Share Posted July 5, 2020 On 7/4/2020 at 2:30 AM, withari said: Hi, I'm also wondering if this code can be applied to my wall summary block. I did input the code into my website (and changed the body#), but there were no changes. Instead, I changed the width to (100%/3) which did shrink the images, but as you can see from the screenshot, it is spaced out. I'm hoping it can display 3 images in 1 row on mobile view. Can you share link to page where you use summary block? We can help easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
withari Posted July 5, 2020 Share Posted July 5, 2020 Hi @tuanphan - here is my link: https://www.withari.com/all-travel Link to comment
Guest Posted July 17, 2020 Share Posted July 17, 2020 (edited) Hi there, I've tried all the solution in these forum but it doesn't work on my end. Same as the OP, I would like to have 3 column for a Summary blocks of product (my version 7.1). I hope you can help me, thank you. Update: - I just make the width 333 to make it 3 columns Edited July 21, 2020 by squaredsquared Update Link to comment
tuanphan Posted July 18, 2020 Share Posted July 18, 2020 19 hours ago, squaredsquared said: Hi there, I've tried all the solution in these forum but it doesn't work on my end. Same as the OP, I would like to have 3 column for a Summary blocks of product (my version 7.1). I hope you can help me, thank you. Can you share link to page where you use summary block? I can check easier. On 7/6/2020 at 12:06 AM, withari said: Hi @tuanphan - here is my link: https://www.withari.com/all-travel Hi. Have you solved it yet? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MegRae Posted July 30, 2020 Share Posted July 30, 2020 (edited) hi having issues on mobile https://balencjuicery.squarespace.com/ under community tag trying to get the wall to look like the first half but then it makes me scroll and has a huge gap. Edited July 30, 2020 by Raendrop Link to comment
tuanphan Posted August 3, 2020 Share Posted August 3, 2020 On 7/30/2020 at 7:59 AM, Raendrop said: hi having issues on mobile https://balencjuicery.squarespace.com/ under community tag trying to get the wall to look like the first half but then it makes me scroll and has a huge gap. Can you describe in detail? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted September 10, 2020 Share Posted September 10, 2020 I'm working on the same model and trying to create a travel campaign in my Squarespace blog. Did you get the solution of it? Let me know if you get. Link to comment
deeptivd Posted October 5, 2020 Share Posted October 5, 2020 For the Summary block, I would like to use carousel view - but display 3 items per row in desktop view & 1 item per row in mobile. I am using Brine. @tuanphan, pls can you help. Link to comment
deeptivd Posted October 5, 2020 Share Posted October 5, 2020 On 7/18/2020 at 3:23 PM, tuanphan said: Can you share link to page where you use summary block? I can check easier. Hi. Have you solved it yet? For the Summary block, I would like to use carousel view - but display 3 items per row in desktop view & 1 item per row in mobile. I am using Brine. @tuanphan, pls can you help. Link to comment
tuanphan Posted October 7, 2020 Share Posted October 7, 2020 On 10/6/2020 at 1:11 AM, deeptivd said: For the Summary block, I would like to use carousel view - but display 3 items per row in desktop view & 1 item per row in mobile. I am using Brine. @tuanphan, pls can you help. Can you share link to page where you use summary? We can check easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
deeptivd Posted October 7, 2020 Share Posted October 7, 2020 This is still under development & the page is unlinked. Not sure if you can access this - https://fish-parakeet-n2zk.squarespace.com/new-one/#/new-page-1 Link to comment
tuanphan Posted October 8, 2020 Share Posted October 8, 2020 On 10/7/2020 at 4:29 PM, deeptivd said: This is still under development & the page is unlinked. Not sure if you can access this - https://fish-parakeet-n2zk.squarespace.com/new-one/#/new-page-1 You can add 2 summary with 3 items - 1 item. Then we will give the code to hide 1 summary on desktop, hide 1 on mobile Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Michele_Dezen Posted October 20, 2020 Share Posted October 20, 2020 On 12/19/2019 at 7:23 AM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .sqs-block-summary-v2 .summary-item.positioned { width: 50% !important; position: static; } .sqs-block-summary-v2 .summary-item-list { display: flex; flex-wrap: wrap; flex-direction: row; } } Hi there, I used this code to force summary in 2 columns for row in mobile view. How can I add have a margin between the images? This is my page: https://www.dezendezen.com/archive-sale Thank you very much :) Link to comment
AshIzsak Posted November 26, 2020 Share Posted November 26, 2020 On 10/8/2020 at 7:04 AM, tuanphan said: You can add 2 summary with 3 items - 1 item. Then we will give the code to hide 1 summary on desktop, hide 1 on mobile Hi @tuanphan, I'm hoping you can help me with a similar question. The URL is https://lifefromtheplaypen.com/shop I would like three images in the summary grid simple to appear on desktop and two to appear in the summary grid on mobile. I've created two different summary grids but am unsure of how to target each summary grid to hide one on desktop and one on mobile. Thanks in advance! Link to comment
tuanphan Posted December 3, 2020 Share Posted December 3, 2020 On 11/26/2020 at 10:29 AM, AshIzsak said: Hi @tuanphan, I'm hoping you can help me with a similar question. The URL is https://lifefromtheplaypen.com/shop I would like three images in the summary grid simple to appear on desktop and two to appear in the summary grid on mobile. I've created two different summary grids but am unsure of how to target each summary grid to hide one on desktop and one on mobile. Thanks in advance! Do you still need help on this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mary_shareyourmagic Posted February 22, 2022 Share Posted February 22, 2022 Hi @tuanphan I would like some help getting this page to show my 3 icons all together on one row in mobile as it's showing in desktop. I tried one of the codes you sent but it didn't work for me. Appreciate any help! https://www.tarynco.com/mc-apop-1 Link to comment
tuanphan Posted February 27, 2022 Share Posted February 27, 2022 On 2/23/2022 at 3:06 AM, mary2 said: Hi @tuanphan I would like some help getting this page to show my 3 icons all together on one row in mobile as it's showing in desktop. I tried one of the codes you sent but it didn't work for me. Appreciate any help! https://www.tarynco.com/mc-apop-1 The url doesn't exist. Can you check it again? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
DevonHarris Posted August 11, 2022 Share Posted August 11, 2022 On 12/19/2019 at 1:23 AM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .sqs-block-summary-v2 .summary-item.positioned { width: 33% !important; position: static; } .sqs-block-summary-v2 .summary-item-list { display: flex; flex-wrap: wrap; flex-direction: row; } } hey @tuanphan is there a way to force 5 per row mobile? I tried adjusting your code with no luck 😕. www.tlastmarks.com/nursery password: Devon there is a summary block in the footer which I'd like to appear more consolidated on one line mobile, rather than stacked. I can't figure it out. What do you think? Link to comment
tuanphan Posted August 11, 2022 Share Posted August 11, 2022 6 hours ago, DevonHarris said: try 33% to 20% Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
DevonHarris Posted August 12, 2022 Share Posted August 12, 2022 17 hours ago, tuanphan said: try 33% to 20% Hey @tuanphan unfortunately this didn't work 😕. not having much luck...www.tlastmarks.com/nursery in footer section PW is: Devon Link to comment
tuanphan Posted August 14, 2022 Share Posted August 14, 2022 On 8/12/2022 at 9:32 AM, DevonHarris said: Hey @tuanphan unfortunately this didn't work 😕. not having much luck...www.tlastmarks.com/nursery in footer section PW is: Devon This section? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
jmerrill Posted October 26, 2023 Share Posted October 26, 2023 Hey @tuanphan I have a summary block set to carousel mode on desktop and would like to increase the number of items per row from it's current max of 5 to somewhere around 8-10 items. Is this possible? URL: http://oilandstone.co PW: oilandstone 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