Captions on Mobile/Tablet/Phone

Hi there,

It looks like they been hidden intentionally with the following CSS:

@media (max-width:850px) {
…
#main-slider .metaslider .caption-wrap {display:none;}
…
}

Line 108: http://laugh-masters.com.au/wp-content/themes/vantage_child/style.css?ver=2.2.3

Removing this does reveal the captions but they obscure the slider as the text remains at a larger size to remain legible.

Thanks,
Dave

Instead of overlaying the caption you could display it below the image.

In Meta Slider Pro this can be done without coding using the Theme Editor, but adding the following CSS to your theme’s style.css should achieve the same result:

.metaslider-1050 .flexslider .caption-wrap {
display:block !important;
opacity: 1;
margin: 0px 0px;
color: rgba(255,255,255,1);
background: rgb(0,0,0);
background: rgba(0,0,0,0.7);
width: 100%;
top: auto;
right: auto;
bottom: auto;
left: auto;
clear: both;
position: relative;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}