ThisWayToFabulous Posted November 28, 2021 Share Posted November 28, 2021 Attached is the desktop vs mobile. I’m trying to get mobile to show 3 rows across too. (Ignore the repeat of images, I just haven’t inputted all of them yet) Link to comment
Beyondspace Posted November 29, 2021 Share Posted November 29, 2021 6 hours ago, ThisWayToFabulous said: Attached is the desktop vs mobile. I’m trying to get mobile to show 3 rows across too. (Ignore the repeat of images, I just haven’t inputted all of them yet) Kindly share your site with the protected password to check it together 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
ThisWayToFabulous Posted November 30, 2021 Author Share Posted November 30, 2021 @bangank36 no password, just a temp link for now while being built. star-buffalo-56ld.squarespace.com Link to comment
Beyondspace Posted November 30, 2021 Share Posted November 30, 2021 (edited) 51 minutes ago, ThisWayToFabulous said: @bangank36 no password, just a temp link for now while being built. star-buffalo-56ld.squarespace.com I've tried but your site is private now, kindly give it a protected password and share it with us to check your issue Edited November 30, 2021 by bangank36 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
ThisWayToFabulous Posted November 30, 2021 Author Share Posted November 30, 2021 @bangank36 try again with password: tamara Link to comment
tuanphan Posted December 1, 2021 Share Posted December 1, 2021 @ThisWayToFabulous Add to Design > Custom CSS > Then save & reload the site /* Homepage Mobile Carousel */ @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="61a3f20b4d0dd626ec6305de"] ul { grid-template-columns: repeat(3,1fr) !important; } .user-items-list-item-container[data-section-id="61a3f20b4d0dd626ec6305de"] h2 { font-size: 17px !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
ThisWayToFabulous Posted December 1, 2021 Author Share Posted December 1, 2021 @tuanphan thank you!! This is a huge help. Is there a way to better shrink all of the items proportionally? So the caption and buttons also size down? Link to comment
tuanphan Posted December 4, 2021 Share Posted December 4, 2021 On 12/1/2021 at 8:11 PM, ThisWayToFabulous said: @tuanphan thank you!! This is a huge help. Is there a way to better shrink all of the items proportionally? So the caption and buttons also size down? Use this new code /* Homepage Mobile Carousel */ @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="61a3f20b4d0dd626ec6305de"] { ul { grid-template-columns: repeat(3,1fr) !important; } h2 { font-size: 17px !important; } a.list-item-content__button { font-size: 8px !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
ThisWayToFabulous Posted December 6, 2021 Author Share Posted December 6, 2021 @tuanphan thank you!!!! One more level of this, im so sorry! How can i specifically shrink the "makeup artist" part of the text? Also, can i make the pink button "meet the team" also shrink to one line? Can i make the "magic behind the brushes" title also shrink down to only one line? Link to comment
tuanphan Posted December 11, 2021 Share Posted December 11, 2021 On 12/6/2021 at 9:22 AM, ThisWayToFabulous said: @tuanphan thank you!!!! One more level of this, im so sorry! How can i specifically shrink the "makeup artist" part of the text? Also, can i make the pink button "meet the team" also shrink to one line? Can i make the "magic behind the brushes" title also shrink down to only one line? Sorry for delay. Use this new CSS /* Homepage Mobile Carousel */ @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="61a3f20b4d0dd626ec6305de"] { ul { grid-template-columns: repeat(3,1fr) !important; } /* title */ h2 { font-size: 17px !important; } /* makeup artist */ .list-item-content__description * { font-size: 14px; } /* the magic behind */ .list-section-title p { white-space: nowrap !important; font-size: 16px; } a.list-item-content__button { font-size: 8px !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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment