ZachGallant5 Posted April 6, 2022 Share Posted April 6, 2022 Site URL: https://www.goodwoodfamilygolf.com Hi there, Wondering if there's a way to decrease the space between the text and the first icon here, only in mobile. Reference attached—it would be on both the home page and the driving range page. I made all the images the same height so they lined up in desktop but this creates a bit of a gap as there is empty space above the small and medium bucket icons. Thanks! Link to comment
Beyondspace Posted April 6, 2022 Share Posted April 6, 2022 28 minutes ago, ZachGallant5 said: Site URL: https://www.goodwoodfamilygolf.com Hi there, Wondering if there's a way to decrease the space between the text and the first icon here, only in mobile. Reference attached—it would be on both the home page and the driving range page. I made all the images the same height so they lined up in desktop but this creates a bit of a gap as there is empty space above the small and medium bucket icons. Thanks! Try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { section[data-section-id="623f3e9aa3f35e710406dc83"] .sqs-block.image-block { padding-bottom: 0; } } Let me know how it works on your site 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
Beyondspace Posted April 6, 2022 Share Posted April 6, 2022 My testing 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
ZachGallant5 Posted April 6, 2022 Author Share Posted April 6, 2022 Thanks bangank36, Unfortunately, that didn't seem to work when I tested, it looked the same as your image. I'm looking to decrease the space between the text "taxes included" and that first image of the "small bucket" of balls—is there a way to do that? I know that the image itself has a bit of empty space at the top to keep everything in line on desktop! Thanks! Link to comment
tuanphan Posted April 10, 2022 Share Posted April 10, 2022 On 4/7/2022 at 12:11 AM, ZachGallant5 said: Thanks bangank36, Unfortunately, that didn't seem to work when I tested, it looked the same as your image. I'm looking to decrease the space between the text "taxes included" and that first image of the "small bucket" of balls—is there a way to do that? I know that the image itself has a bit of empty space at the top to keep everything in line on desktop! Thanks! Add to Design > Custom CSS /* Pricing spacing */ @media screen and (max-width:767px) { div#block-c22db18f1fe95a1e6404+.row { margin-top: -50px; }} 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