text not showing in carousel on mobile

Site URL: http://www.madkingart.com/

i'm having an issue where the website is exactly how i'd like it on my laptop where when you select an image it goes to the lightbox carousel with text below it describing the art pieces, but on mobile the text doesn't appear at all.  to get this to appear the way i wanted i used summary pages linked to a gallery. attached image is how i appears on a computer which i'd like to duplicate on mobile.

On 8/28/2021 at 10:02 PM, madkingjake said:

Site URL: http://www.madkingart.com/

i'm having an issue where the website is exactly how i'd like it on my laptop where when you select an image it goes to the lightbox carousel with text below it describing the art pieces, but on mobile the text doesn't appear at all.  to get this to appear the way i wanted i used summary pages linked to a gallery. attached image is how i appears on a computer which i'd like to duplicate on mobile.

Add to Design > Custom CSS

@media screen and (max-width:640px) {
.yui3-lightbox2 .sqs-lightbox-meta * {
    color: black !important;
}

.yui3-lightbox2 .sqs-lightbox-meta {
    left: 0 !important;
    bottom: 100px !Important;
}
}