This Action tries to center the lightbox on the visible screen area, but on mobile browsers, the screen height is not reported in the same manner as desktop browsers, particularly if the page is tall or the viewport is zoomed in. You can probably override the position with some judicious !important statements, but then you have the other problem of the overlay not being in view if the visitor is scrolled down the page and you’ve chosen a static distance from the top of the screen. You may want to try Spawn New Window in its iPad-friendly mode, since that uses a fixed overlay instead of a positioned div, so it may be better able to deal with viewport gymnastics on mobile.
On Apr 7, 2014, at 11:06 AM, Emanuel wrote:
I’m using the Scripty Lightbox 3 action to have my customers click on a graphic of a t-shirt and then a bigger picture of the t-shirt appears on screen for a closer look.
The problem is the lightbox will sometimes appear towards the bottom of the website instead of in the area where the customer tapped on the t-shirt.
This will cause problems because the customer will think the t-shirt link is broken due to the fact the lightbox is positioned out of their view near the bottom of the website.
This problem is more evident on mobile phones due to a smaller screen. On desktop monitors there is enough area to still see the lightbox even if it’s positioned somewhere else.
Is there a way to consistently have Scripty Lightbox 3 appear exactly where you want it every time???
Ok, after running multiple test i’ve found out the answer to having
consistent positioning of a lightbox graphic via the Scripty 3 action. To
avoid the lightbox from appearing at the bottom of a website (out of the
view of the visitor) after clicking the link that activates the lightbox
you should make sure you set the output to Mobile W: Device Width and H:
Device Hight to none. You can find this in the Inspector on the Page tab.
I did this and all of my lightbox graphics are centered on the screen