Brine Template, Index Gallery, Mobile, Text Cut Off

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!

Hi. It looks fine here. Did you solve this?

No, I lose the description text on the image card in mobile and tablet view. Screengrabs attached!

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;
}
}

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 🙂

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;
}
}

@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: 

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: 

Sorry for the delay. Do you still need help on this?

@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?