Removing image name in carousel for mobile device

Something like this will hide the image title on all devices:

.jp-carousel-titleanddesc-title {
	display: none;
}

Thanks Jeremy. I have copied and pasted that into the Custom CSS but unfortunately it isn’t working. Do you have a Plan B?

Thanks,

Ben

I checked your site, and it seems you’ve added that CSS inside a media query, so the CSS will only be applied to screens larger than 783px:
https://i.wpne.ws/h6k0

Could you add that CSS outside of the media query?

Hi Jeremy,

I don’t understand what that means, I’m sorry. Could you please break it down for me? Do I need to delete a } from somewhere?

Ben

As you can see on the screenshot I posted above, line 126 opens a new media query. This means that everything that is inside that query (so everything between the opening bracket on line 126 and the closing bracket on line 138) is only applied to devices where the screen is larger than 783px.

To make sure your CSS code is applied to all devices, you’ll have to move that CSS code outside of the media query, after the closing bracket on line 138.

If that doesn’t seem possible in your current CSS editor, I’d recommend using Jetpack’s CSS editor, available under Appearance > Edit CSS in your dashboard.

I hope this helps.

Hi Jeremy,

I deleted everything from lines 126 to 138 and that seemed to fix it. Thanks so much for your help.

Ben