Hello,

I am trying to get the lightbox images to be centred vertically on mobile screens. By default the images are all at the top of the screen, which is good for portrait images but not for landscape images. I tried the following code to lower the images by 10% but it doesn’t work:

<!– My code to lower images by 10% on a mobile screen –>
<?php
if ( wp_is_mobile() ) {?>

<?php

$image = mpp_media_src();
$size = getimagesize( $image );

if ( $width > $height ) {?>

<style>

.mpp-lightbox-media-container a img.mpp-lightbox-single-media {
margin-top: 10%;
}

</style>

<?php } ?>

<?php } ?>
<!– –>

Apparently, the above code should return the width and height into the $size array but it doesn’t work for me. Any help would be appreciated or if there is a better way to do this that would be cool.

Thanks!

Simon