EduPlusAE Posted December 11, 2022 Share Posted December 11, 2022 (edited) I am trying to display 2 or more images in a row in mobile view with no luck (simple list layout). I am using carousel layout temporarily to fix it but it looks bad. my website is www.eduplus.ae. I want to change the "our people", "our accreditations", and "our partners" to two images/icons per row... I used codes other people have posted and tried to work around them but nothing changed. If you know how to help with a code, please do so. Thank you. Edited December 11, 2022 by EduPlusAE Link to comment
Beyondspace Posted December 12, 2022 Share Posted December 12, 2022 On 12/11/2022 at 6:45 PM, EduPlusAE said: I am trying to display 2 or more images in a row in mobile view with no luck (simple list layout). I am using carousel layout temporarily to fix it but it looks bad. my website is www.eduplus.ae. I want to change the "our people", "our accreditations", and "our partners" to two images/icons per row... I used codes other people have posted and tried to work around them but nothing changed. If you know how to help with a code, please do so. Thank you. Can you share your site with the protected password so I can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
EduPlusAE Posted January 7 Author Share Posted January 7 https://eduplus.ae/ it's a public site notice the "our people" and "our programs" icons in mobile view... so big. I want to make them 2 per row for "our people" and 3 per row for "our programs" Link to comment
Solution tuanphan Posted January 8 Solution Share Posted January 8 On 1/7/2023 at 4:43 PM, EduPlusAE said: https://eduplus.ae/ it's a public site notice the "our people" and "our programs" icons in mobile view... so big. I want to make them 2 per row for "our people" and 3 per row for "our programs" Add to Design > Custom CSS @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="616552a9bc722e148eebf45c"] { grid-template-columns: repeat(2,1fr) !important; } .user-items-list-item-container[data-section-id="6162ae8eb97706442ccea54f"] { grid-template-columns: repeat(2,1fr); grid-gap: 20px 20px !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
EduPlusAE Posted January 22 Author Share Posted January 22 Thanks a lot!! that worked perfectly. @tuanphan 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