destinyestringer Posted February 6, 2023 Share Posted February 6, 2023 (edited) Hello! I have a website with a lot of this style of set up of a two column bulleted list. On mobile there is that weird spacing between blocks that we'd like to fix. I have tried this code: /* Mobile About Text Spacing */ @media screen and (max-width:767px) { div#block-e77e43979a4769ff4c07 { padding-top: 0px !important; } div#block-69d74ed3c75cdf4428ac { padding-bottom: 0px !important; } } But it didn't eliminate that gap. I wonder if it just needs adjustment or if another fix is available. This would be something that is on 40+ pages of the site so I also wonder if it is a good practice to have that much coding for each block? Thanks for your help! PW to the site is: CascadeH22 Edited February 6, 2023 by destinyestringer Link to comment
tuanphan Posted February 10, 2023 Share Posted February 10, 2023 Hi, What is your site url? 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
shannonandanjna Posted March 20 Share Posted March 20 Hi! I'm having the same issue. It's also looking better on the mobile view on Squarespace on my desktop, but then adds weird additional space on my actual phone. One workaround I tried that might help with the bullet column spacing would be to have the text on the first block aligned to the bottom and the text on the second block aligned to the top, so it looks seamless (this also only works if the vertical grid spacing is 0. My website is www.sacreativeplayscape.com. I'm specifically having issues with this page: www.sacreativeplayscape.com/brand-content-design. How do I generate a password for you to look directly at it? Thanks! Anjna Link to comment
tuanphan Posted March 21 Share Posted March 21 On 3/20/2024 at 10:14 AM, shannonandanjna said: Hi! I'm having the same issue. It's also looking better on the mobile view on Squarespace on my desktop, but then adds weird additional space on my actual phone. One workaround I tried that might help with the bullet column spacing would be to have the text on the first block aligned to the bottom and the text on the second block aligned to the top, so it looks seamless (this also only works if the vertical grid spacing is 0. My website is www.sacreativeplayscape.com. I'm specifically having issues with this page: www.sacreativeplayscape.com/brand-content-design. How do I generate a password for you to look directly at it? Thanks! Anjna Which text are you referring to? 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