Image Caption Title doesn’t show on mobile

[Sylvia Faasse]

Hey team,

I can’t seem to figure out why or how, but the Image Caption Title of the ‘Image’ element doesn’t show on mobile. Find attached screenshots. Is there a way to fix this?

7e562c9092c591f3b02f69ecb474d2b2.png dfbcec47a64441c7550bdf149da51555.png

[Nodari]

Hey there

Please add this CSS code in the Appearance > Customize > Additional CSS:

@media handheld, only screen and (max-width: 480px){
.inside-image .mk-image-caption {
    display: block !important;
}
}

Regards

[Sylvia Faasse]

Hey Nodari,

Thanks for that but it doesn’t seem to make a difference – find attached screenshot?

5c345d8890e01c8d1fbd57708bb327b7.png

[Nodari]

Hey there

Sylvia, its fixed, I added code in the page css

Regards

[Sylvia Faasse]

Hi Nodari,

Ah ok, thank you so much! Does that mean it doesn’t really work if I add the CSS to the Jupiter template code? Does it have to be on the specific page? Thanks again, cheers.

[Mohsin Al-Rabieai]

For better performance, CSS fixes that are written for one page, better to be added to that page only. If it’s a global CSS affecting all of the pages or a lot of number of pages, you can move it to the global custom CSS section in the theme options.

Bests

[Author]

Posts