'The Grid' lightbox not fitting screen on desktop

[brim]

I am using ‘The Grid’ plugin by theme-one for my website which has been live a couple of years and it contains mostly photo galleries.

When clicking on each image and testing in Wordpress everything looks great. However when not logged in, and clicking on the thumbnail, the lightbox shows images too large on desktop. This issue was not occurring before. It seems that the lightbox of ‘The Grid’ plugin lost responsiveness.

Check out the link here

On mobile it seems to be working well when the phone is in portrait mode (not landscape though).
Can anyone help please?

[tristup]

Hi Darren,

Thanks for reaching out.
I have checked the page https://www.darrenagius.com/h-hotel/ of your website and found the image in the modal is showing too large. I investigated and found the image width is too large and max-width that is set to 100%, which is why it looks too large. I would suggest you add the following custom CSS code into the Theme Options > CSS, which may resolve your issue.

.tolb-holder img
{
    width:50% !important;
}

Hope it helps.
Thanks

[Lim]

Following this thread; encountering the same issue, unfortunately.

The ideal layout when logged in:

In incognito (so large it’s cropped at the edges)

I’m afraid the above code doesn’t work; the result isn’t exactly pleasing.

Looking forward to a solution please, thanks very much!

[ruenel]

Hello Joy,

Thanks for updating this thread. I can see that you have added this custom CSS:

.tolb-content {
    width: 50%;
    margin: 0 auto;
}

It is working on my end. Be advised that you have installed the W3 Total Cache plugin. Please clear your plugin caches and your browser cache and test your site again.

Best Regards.

[brim]

Issue was resolved by Lim on another thread

The Grid / Doha Skin: expanded preview too large

Well done, this worked for me too. The issue seems that without deactivating ‘The Grid’ plugin and then doing the update while deactivated, it would not have really upgraded the version successfully. Thank you @Lim

[tristup]

Hi Darren,

Great that it resolved now.

Thanks