Text not showing up on Slideshow Gallery images on Mobile

Site URL: https://www.beautylabithaca.com/

I have a slideshow gallery with text descriptions on each picture. The text shows up fine on desktop, but disappears out of view in mobile. Attached are photos showing the differences between desktop vs mobile. 

2 hours ago, b-lab said:

Site URL: https://www.beautylabithaca.com/

I have a slideshow gallery with text descriptions on each picture. The text shows up fine on desktop, but disappears out of view in mobile. Attached are photos showing the differences between desktop vs mobile. 

What is the url that contains the Testimonials? I tried home and other pages but did not seeing it

It's on the url provided. I removed the text "Testimonials" in the meantime so as not to confuse clients who cannot see testimonials on mobile. It's right below the Instagram block.

18 hours ago, b-lab said:

It's on the url provided. I removed the text "Testimonials" in the meantime so as not to confuse clients who cannot see testimonials on mobile. It's right below the Instagram block.

Place this in custom css

.sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta {
    max-width: 50%;
    top: 50%;
    left: 50%;
    margin: 0 !important;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
    height: 75% !important;
    max-width: inherit !important;
}

Thanks for the suggestion. With this fix, the text still does not appear in mobile version, and it makes it look silly on desktop. Is there a way to make it more responsive?  

On 12/23/2020 at 7:14 AM, b-lab said:

Thanks for the suggestion. With this fix, the text still does not appear in mobile version, and it makes it look silly on desktop. Is there a way to make it more responsive?  

Hi. Do you still need help on this?