JacquelineBouleyPrice Posted February 24, 2021 Share Posted February 24, 2021 Site URL: http://livelifelivewell.net/testsite Hi there, I used a packed gallery on the top of my home page but the text is getting cut off when I preview my site in mobile. Is there an easy way to fix this with CSS so we can keep the text size the same, but see all of the content? Screengrab attached. Thank you in advance! Link to comment
tuanphan Posted March 1, 2021 Share Posted March 1, 2021 Hi. It looks fine here. Did you solve this? 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
JacquelineBouleyPrice Posted March 1, 2021 Author Share Posted March 1, 2021 No, I lose the description text on the image card in mobile and tablet view. Screengrabs attached! Link to comment
tuanphan Posted March 3, 2021 Share Posted March 3, 2021 Try adding this to Design > Custom CSS @media screen and (max-width:900px) { section#about-jacqueline-bouley-price { overflow: visible !important; height: 80vh !important; } .Index-gallery-item-inner { overflow: visible; } } 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
JacquelineBouleyPrice Posted March 3, 2021 Author Share Posted March 3, 2021 Helped with showing the full text but now there's a ton of extra space. I tried adjusting the height variable but it's not helping. Would you mind taking another look? Thank you @tuanphan 🙂 c637d8a6da7847319fd6a09d3fb3b18a.mp4 Link to comment
tuanphan Posted March 7, 2021 Share Posted March 7, 2021 Try this new code @media screen and (max-width:900px) { section#about-jacqueline-bouley-price { overflow: visible !important; height: 80vh !important; } section#about-jacqueline-bouley-price .Index-gallery-item-inner { overflow: visible; } } 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
JacquelineBouleyPrice Posted March 9, 2021 Author Share Posted March 9, 2021 @tuanphan This fixes my issue with the text getting cut off but also creates a TON of extra whitespace. Same issue as before— is there a way for the text to not get cut off without creating all this negative space on mobile? Screen recording below: 808af479376b4e4d98b1290efca30d85.mp4 Link to comment
tuanphan Posted March 20, 2021 Share Posted March 20, 2021 On 3/9/2021 at 11:23 PM, JacquelineBouleyPrice said: @tuanphan This fixes my issue with the text getting cut off but also creates a TON of extra whitespace. Same issue as before— is there a way for the text to not get cut off without creating all this negative space on mobile? Screen recording below: 808af479376b4e4d98b1290efca30d85.mp4 Sorry for the delay. Do you still need help on this? 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
JillianFischer716 Posted February 15, 2022 Share Posted February 15, 2022 @tuanphan I am having the same issue. The code helps, add the whitespace as well. I've tried using a lower # vh, but it still doesn't work. Do you have an updated code here? Thanks! @JacquelineBouleyPrice Did you ever find a solution? 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