Grid mosaic gallery caption displayed to low on mobile

Hello,

I have a problem with the display of the caption of a grid mosaic gallery on mobile.

On desktop it's fine but on mobile the caption is so low that it's closer to the next image than to its own image.

For information I already use this code to make the caption bigger and centered :

Quote

p.gallery-caption-content {
  text-align: center;
  font-size: 1.5rem !important;

And I had trying neg margin and z-index with no success

Any solution ? Thanks !

--- 

Can you share your website URL and this page?

z-index is for adjusting layering, it won't impact the x/y position of elements on the page.

Thanks @Ziggy ! 

I used z-index because by using margin negative (I imagine it's not a good practice!) I managed to raise the caption but it then found itself hidden under a sort of white margin under the top photo.

Works perfectly @Ziggy Thanks a lot !

14 minutes ago, PurpleFox said:

Works perfectly @Ziggy Thanks a lot !

Glad to hear that, thanks for the update and the like!