Plugin works great however, despite inspecting the page and trying out a few things. I'm unable to get it enlarge slightly the initial image which is loaded in the lightbox. I assumed I need to do this via CSS. Id ideally like to get to make it slightly bigger when used in landscape mode on mobile so with a smaller board around. Not sure if this is possible. Changing the width and height I can make it smaller but beyond certain size it gets no bigger.

@media only screen and (max-width:850px) {
.fancybox-slide--iframe .fancybox-content {
max-width : 100%;
margin: 0;
}

.fancybox-image {
width : 800px;
height : 600px;
max-width : 100%;
max-height : 100%;
margin: 0;
}

}

Hello,

Is it possible to see it on a site (this can be a test site)?

Regards,
ARI Soft

It's when I rotate the image in to landscape on a mobile it does not seem to be as big as it should be. Happened both on our website and my WordPress playground test environment.

Id expect the image to be almost the fall height of the screen in landscape mode.

springfieldstriders.org.uk/new-thursday-night/

Open "ARI Fancy Lightbox -> Settings -> Advanced" page and populate "Custom JS code" with the following code:



Regards,
ARI Soft

Thanks very much that has worked great