Hi there,

this is related with the fact that hovering does not work on mobile however you can make the titles visible on responsive:

@media only screen and (max-width: 1024px) {

    .item-overlay, .item-title, .item-cat {
          opacity: 1;
     }

}

in customizer -> additional CSS

try also adding in customizer -> additional CSS

@media only screen and (max-width: 1024px) {

.item-cat {
    margin-bottom: 0px;
    margin-left: 20px;
    font-size: 10px;

}

.item-title {
    font-size: 10px;
    line-height: 15px;
    margin-left: 20px;
}

}

Hello,

 as you can see the code below applies for resolutions less than 1024px so you can change that by increasing the resolution width.