stickarch Posted November 15 Posted November 15 I am working on stickbuilt.squarespace.com. The "description" and the "testimonial" sections look right in desktop and mobile editor. But when viewed on an actual mobile device, there's a huge gap below the text boxes. How can I resolve this issue? Any help is greatly appreciated!
melody495 Posted November 16 Posted November 16 17 hours ago, stickarch said: But when viewed on an actual mobile device, there's a huge gap below the text boxes. How you resolved this? I don't see the gap when viewing on my phone. Android, chrome. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd When I have time, I like to help on the Forum, but if you need my full attention, please send your request here. Tools I use (affiliate links😞 📅Blog Date Format plugin (Free by BeyondSpace) ⏬Lazy Load Summary Block plugin (by Squareswebsites) 📜Privacy Policy & Cookie Consent plugin (10% off by Termageddon) 📈SEO plugin for Squarespace (by SEOSpace) ☕ Did I help? I like coffee (Thank you)
stickarch Posted November 19 Author Posted November 19 No, I am still looking for a solution. Gaps are still visible to me on multiple mobile Android browsers.
tuanphan Posted November 20 Posted November 20 With space above FAQ text, you try this to Website Tools > Custom CSS @media screen and (max-width:767px) { .fe-65312e4131e0735ddcc73938 { grid-template-rows: repeat(12, minmax(24px, auto)) !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!)
stickarch Posted November 21 Author Posted November 21 @tuanphan, That seems to have done the trick for that section! The gap has disappeared on both Android browsers that I am testing on (Chrome & DuckDuckGo). Do you know how I can achieve the same thing for the text in the "Testimonial" section? And just for my own edification: can you shed any light on what the underlying issue is/was?
Solution tuanphan Posted November 22 Solution Posted November 22 13 hours ago, stickarch said: @tuanphan, That seems to have done the trick for that section! The gap has disappeared on both Android browsers that I am testing on (Chrome & DuckDuckGo). Do you know how I can achieve the same thing for the text in the "Testimonial" section? And just for my own edification: can you shed any light on what the underlying issue is/was? With Testimonials, you try this code under @media screen and (max-width:767px) { .fluid-engine.fe-66c7528bf3110e4b03599adf { grid-template-rows: repeat(8, minmax(24px, auto)) !important; } } I also don't know why it is like that, I can't replicate the problem on my end, the 2 codes above, just my guess, the code will reduce the height of the section. 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!)
stickarch Posted November 25 Author Posted November 25 @tuanphan That worked again. Thank you so much! How did you derive fe-65312e4131e0735ddcc73938 & fe-66c7528bf3110e4b03599adf for targeting those code snippets? I see that those are very close to the Squarespace IDs for the two sections in question, but with the last few characters changed.
stickarch Posted November 25 Author Posted November 25 OK, I am digging into the page's html and seeing that those are the Fluid Engine IDs for the underlying grid on those sections? Is that right?
tuanphan Posted November 27 Posted November 27 On 11/25/2024 at 9:51 PM, stickarch said: @tuanphan That worked again. Thank you so much! How did you derive fe-65312e4131e0735ddcc73938 & fe-66c7528bf3110e4b03599adf for targeting those code snippets? I see that those are very close to the Squarespace IDs for the two sections in question, but with the last few characters changed. You can also replace my ID with [data-section-id] .fluid-engine this is [data-section-id] 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment