Lightbox Responsive crops on different platforms, on every setting I try. Which setting for the lightbox and image is the best?

Ask the community
, ,
1

I moved from Wix editor to Wix Studio for the responsive behaviour on Wix studio. I am creating a portfolio and it is essential that it can be viewed as best as it can be on PC, tablets and smartphones.

For each image, I have created a lightbox so the images can be viewed in a pop up. However, I am having trouble finding a responsive combination (for the lightbox itself, and the image within the lightbox) That works for every platform.

The closest I can get is having the Lightbox as Fixed and the image set to Stretched. On PC and iPad pro it is viewed normally. However on a normal iPad and other tablets, this happens:

Lightbox Cropped iPad
Lightbox Cropped iPad593×850 176 KB

This is how it is meant to look like: Imgur: The magic of the Internet

I have tried relative width for the lightbox. It seems to adjust depending on the aspect ratio of the window of my browser. If the window is maximized and in a 16:9 aspect ratio, it looks like this: Imgur: The magic of the Internet

What setting should I have the lightbox and the image inside for the best results?

2

I think I have found a solution, correct me if I am wrong. Rather than have the lightbox settings set globally, they should be adjusted on different devices. So I set them differently for desktop and for tablet rather than all having the same settings?