LIGHTBOX - how to center the image on mobile?

Hey guys! :wave:

I’m using this code to hide the thumbnails in the lightbox:

.w-lightbox-strip {display: none;}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 100%;}
.w-lightbox-content {margin-top: 0;}

The problem is that the lightbox image preview is not centered on mobile. Can anyone help me with the custom code here, please? :pray:

Here is my site Read-Only: LINK
Here is my live site: LINK

Hi there,

try this:

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 100%;
.w-lightbox-content {
    margin-top: auto;
    margin-bottom: auto;

you might want to add “!important” to the css as well. Try without it first.