Polinamireau Posted March 30, 2021 Share Posted March 30, 2021 Site URL: https://sealion-poodle-8mph.squarespace.com/about Hello, on my desktop version I have 2 rows and 4 columns of images. How do I make it so that in mobile it shows 2 images per row? (2 columns, 4 rows). Right now it's showing one image per row in one column on mobile. Website: https://sealion-poodle-8mph.squarespace.com/about Password: Welllivedlife Link to comment
Beyondspace Posted April 4, 2021 Share Posted April 4, 2021 On 3/31/2021 at 12:24 AM, Polinamireau said: Site URL: https://sealion-poodle-8mph.squarespace.com/about Hello, on my desktop version I have 2 rows and 4 columns of images. How do I make it so that in mobile it shows 2 images per row? (2 columns, 4 rows). Right now it's showing one image per row in one column on mobile. Website: https://sealion-poodle-8mph.squarespace.com/about Password: Welllivedlife The password is incorrect Welllivedlife BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Polinamireau Posted April 18, 2021 Author Share Posted April 18, 2021 On 4/3/2021 at 9:37 PM, bangank36 said: The password is incorrect Welllivedlife Site is live now Link to comment
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 @Polinamireau Add to Design > Custom CSS /* About page 2 columns mobile */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1615590475670_10623+.row .span-3 { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1615590475670_10623+.row .span-3:nth-child(2n+1) { clear: left !important; } } 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
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 @Polinamireau Also, the site has other problems. Do you want to fix these? Site URL – https://sealion-poodle-8mph.squarespace.com/ 1. (Mobile-About) Logo looks huge, want to change to 2 images/row? 2. (Mobile) The page looks long. Want to add a back to top button? 3. (Tablet-Footer) Want to increase links column width? 4. (Tablet-About) Want to change this section width? 5. (Tablet-About) Similar above 6. (Tablet-Homepage) Change this box width? 7. (Tablet-Homepage) Similar above 8. (Mobile-Overlay) Add a space between lines? 9. (Mobile-Work with us) Fix this text? 10. (Mobile-Work with us) Change order of text/image? 11. (Tablet-Work with us) Change box text width? 12. (Tablet-Work with us) similar above 13. (Tablet-Work with us) similar above 14. (Tablet-Work with us) 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment