Remove text caption on mobile devices

I’m having the same issue. I tried the below, but it hasn’t worked for me.

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

.metaslider .caption-wrap {
  display: none !important;
}

.metaslider .caption {
  display: none !important;
}

Hi both,

Add the following (similar to the above) to your theme’s style.css file should hide the caption at 400px and below:

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

.metaslider .caption-wrap {
  display: none !important;
}

}

Feel free to link to your respective sites if this isn’t working and I can try and see why.

Thanks,
Dave

Hi Dave,

Thanks for your reply. Unfortunately that is what I tried before and it didn’t work for me. My website is julialloydgeorge.com.

Thanks for your help.

Hi

I hope this is still active as I’m having the same problem – I’ve put the code:

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

.metaslider .caption-wrap {
display: none !important;
}

}
with no effect.
Here is a link to the site (under development):

https://v3inter.paston3.webfactional.com

Thanks

@didoh: The caption is hidden on your site if the given css-code is added.

@paston: Seems you are using nivo slider, use this:

@media screen and (max-width: 400px) {
	.nivo-caption {
		display: none !important;
	}
}

For other questions please open your own thread, thanks.