Please help, I've been trying to sort this for a while with no luck.
I've got a dynamic list that if you click an item, will open a custom lightbox and disply a larger version of the image. On Safari Mac, this seems to work perfectly and the lightbox image is a good distance from the top and bottom of the screen (because of the padding around the div containing it), however, on Chrome and Edge, the image is always full size and goes off the top and bottom of the screen.
I've tried adjusting the image size, but as the images are different dimensions, this doesn't work particularly well. Can anyone work out what I can do (preferably through the CSS functions) to make it work the same on these browsers?
Thanks for the help in advance =)