victor123454 Posted October 26, 2020 Share Posted October 26, 2020 Site URL: https://www.familjeterapeuterna.com/vi-allihopa Hi, I want my summary blocks to show the list layout when displaying on mobile and grid layout when displaying on desktop. Is this feasible? Thank you! Desktop: Mobile: : Link to comment
1 tuanphan Posted October 27, 2020 Share Posted October 27, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:640px) { body#collection-5c6036094192028682dec481 { .summary-thumbnail-outer-container { width: 40%; float: left; } .summary-thumbnail-outer-container img { width: 100% !important; height: auto !important; left: 0 !important; } .summary-content.sqs-gallery-meta-container { width: 60%; float: left; } } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 victor123454 Posted October 27, 2020 Author Share Posted October 27, 2020 Thank you @tuanphan ! You're a true hero on this forum 🙂 rodvaldr 1 Link to comment
0 nicolettely Posted July 1, 2021 Share Posted July 1, 2021 (edited) @tuanphan Any help appreciated! I'd like the opposite- I want the list summary image to stack on top on mobile and tablet. current mobile view image attached. https://genderfck.squarespace.com/ pw: gf21 Also how can I get rid of the white bit under the image for all media-queries? Edited July 1, 2021 by nicolettely additional photo Link to comment
0 tuanphan Posted July 3, 2021 Share Posted July 3, 2021 On 7/2/2021 at 4:24 AM, nicolettely said: @tuanphan Any help appreciated! I'd like the opposite- I want the list summary image to stack on top on mobile and tablet. current mobile view image attached. https://genderfck.squarespace.com/ pw: gf21 Also how can I get rid of the white bit under the image for all media-queries? Add to Design > Custom CSS /* Tablet-Mobile-Home-Summary */ @media screen and (max-width:991px) { div#block-yui_3_17_2_1_1625156226057_4585 { a.summary-thumbnail-container.sqs-gallery-image-container { padding-left: 0 !important; } .summary-thumbnail-outer-container { width: 100% !important; float: none !important; margin-left: 0 !important; } .summary-content.sqs-gallery-meta-container { width: 100% !important; float: none !important; } } } /* Home summary white under image */ @media screen and (min-width:992px) { #block-yui_3_17_2_1_1625156226057_4585 .sqs-gallery-design-list .sqs-gallery-meta-container { padding-top: 50px !important; } #block-yui_3_17_2_1_1625156226057_4585 .summary-item { margin-bottom: 0 !important; padding-bottom: 0 !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 nicolettely Posted July 13, 2021 Share Posted July 13, 2021 @tuanphan Thank you so much!! Link to comment
0 tuanphan Posted July 22, 2021 Share Posted July 22, 2021 On 7/13/2021 at 10:50 PM, nicolettely said: @tuanphan Thank you so much!! Do you need -to help these? Site URL: https://genderfck.squarespace.com/ 1. (Tablet – Homepage) Word break 2. (Tablet – Homepage) Text overlap 3. (Tablet – Homepage) The same here 4. (Mobile- Homepage) Background image doesn’t show in full size 5. (Mobile- Homepage) Background image doesn’t show in full size 6. (Tablet – Overlay menu > About) Text overlap 7. (Tablet – Overlay menu > Work with me) The same here 8. (Tablet – Overlay menu > Free resources) The same here 9. (Mobile – Work with me) Background image doesn’t show in full size https://genderfck.squarespace.com/apply 10. (Mobile – Work with me) Button overlap on image https://genderfck.squarespace.com/apply 11. (Mobile – Work with me) Text overflow outside box https://genderfck.squarespace.com/apply 12. (Tablet -) Reduce space above/below text https://genderfck.squarespace.com/speaking 13. (Tablet -) The same here https://genderfck.squarespace.com/speaking Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 nicolettely Posted July 22, 2021 Share Posted July 22, 2021 1 hour ago, tuanphan said: Do you need -to help these? Site URL: https://genderfck.squarespace.com/ 1. (Tablet – Homepage) Word break 2. (Tablet – Homepage) Text overlap 3. (Tablet – Homepage) The same here 4. (Mobile- Homepage) Background image doesn’t show in full size 5. (Mobile- Homepage) Background image doesn’t show in full size 6. (Tablet – Overlay menu > About) Text overlap 7. (Tablet – Overlay menu > Work with me) The same here 8. (Tablet – Overlay menu > Free resources) The same here 9. (Mobile – Work with me) Background image doesn’t show in full size https://genderfck.squarespace.com/apply 10. (Mobile – Work with me) Button overlap on image https://genderfck.squarespace.com/apply 11. (Mobile – Work with me) Text overflow outside box https://genderfck.squarespace.com/apply 12. (Tablet -) Reduce space above/below text https://genderfck.squarespace.com/speaking 13. (Tablet -) The same here https://genderfck.squarespace.com/speaking Wow thanks for looking! I actually havent gone through the mobile/tablet optimization process yet. I use squarekicker to help with that mostly. although I swear a few of these issues are not showing up for me in tablet mode! That is frustrating. Link to comment
0 tuanphan Posted July 23, 2021 Share Posted July 23, 2021 18 hours ago, nicolettely said: Wow thanks for looking! I actually havent gone through the mobile/tablet optimization process yet. I use squarekicker to help with that mostly. although I swear a few of these issues are not showing up for me in tablet mode! That is frustrating. If you need to fix these, just reply here, we will support nicolettely 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Question
victor123454
Site URL: https://www.familjeterapeuterna.com/vi-allihopa
Hi,
I want my summary blocks to show the list layout when displaying on mobile and grid layout when displaying on desktop. Is this feasible?
Thank you!
Desktop:
Mobile:
:
Link to comment
Top Posters For This Question
4
2
3
Popular Days
Jul 22
2
Oct 27
2
Jul 13
1
Oct 26
1
Top Posters For This Question
tuanphan 4 posts
victor123454 2 posts
nicolettely 3 posts
Popular Days
Jul 22 2021
2 posts
Oct 27 2020
2 posts
Jul 13 2021
1 post
Oct 26 2020
1 post
Popular Posts
victor123454
Thank you @tuanphan ! You're a true hero on this forum 🙂
tuanphan
If you need to fix these, just reply here, we will support
Posted Images
8 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment