HTML lightboxes not positioned in center on tablets

[ninetyninew]

Describe the bug
When using a tablet and trying to display a HTML lightbox the lightbox is not centered.

Are you able to reproduce the bug in the demo site
Yes

To Reproduce
Steps to reproduce the behavior:

1. Turn on chrome debugger responsive and select iPad
2. Go to https://biati-digital.github.io/glightbox/#examples
3. Click the first image under "Iframes and Inline Elements" heading (woman looking off to right with sky background)
4. See that lightbox is not centered

Expected behavior
Lightbox is centered for tablets, same as other views

Post the code you are using
None - demo site

Screenshots

Device:

• Device: iPad
• OS: Version included with Chrome Debugger

[gingerchew]

Hey there @ninetyninew,

Thanks for submitting this bug report! The emulator in Chrome doesn't actually use any OS, so if you just let us know if this was on windows/Mac/Linux, that can help us out.

Can you give the dimensions that you found this on? I see in the picture it is on the iPad Pro (768x1024), did you notice it on other screen sizes?

[ninetyninew]

@Frankie-tech Hi this was set to iPad (iPad Pro seems okay and centered) - maybe it's purely a Chrome Debugger or 768px browser width issue issue (I don't have a physical device to test on). I am using Chrome Debugger on Ubuntu 20.04.3 LTS.

[biati-digital]

This should be fixed in 3.2.0

[ninetyninew]

@biati-digital just a note here, that this appears to be fixed now when testing on an iPad, however if we test on an iPad Mini its off center and you cannot see the arrows.