How to make captions appear on mobile version?

Hi! Just noticed that the mobile version of the site I'm working on doesn't display the captions that appear with the images in the gallery pages. For instance, https://www.lindasaccoccio.com/2020-2021 shows the captions with every image on PC, however, when you view it on a phone, the captions go away. I'd like to have the captions showing all the time across all platforms. Is there some way I can alter the code to make them appear on mobile like they do on the PC? Or is there a simpler, code-less solution? Thanks in advance.

Add to Design > Custom CSS

/* 7.0 Gallery caption mobile */
@media screen and (max-width:900px) {
    .sqs-gallery-block-slideshow .slide.loaded .meta * {
        color: white !important;
    }
	.sqs-gallery-block-slideshow .slide.loaded .meta {
    display: block !important;
    left: 0 !Important;
   bottom: 0px !important;
    width: 100% !Important;
max-width: 100% !important;margin-left: 0 !important;}
.sqs-gallery-block-slideshow .meta .meta-title {
    line-height: 20px !important;
}
.meta-inside {
    padding-top: 0 !important;
}
.sqs-gallery-block-slideshow .slide.loaded .meta {
    height: auto !Important;
}}

@tuanphan Thanks for the solution! That worked! Is there a way though to make the captions appear below the image in black? The way it is now, the captions are white and on top of the image, making it a little hard to read. Thank you!

On 4/22/2023 at 2:25 AM, WA-Admin said:

@tuanphan Thanks for the solution! That worked! Is there a way though to make the captions appear below the image in black? The way it is now, the captions are white and on top of the image, making it a little hard to read. Thank you!

Change white to black