[SOLVED] Lightbox on mobile "not working"

I’ve beat my head up, down, and all around this forum, Google, and through my own abilities, and cannot understand this issue.

My issue appears to be slightly different than anything I’ve come across. I have a simple side lightbox that contains my login/signup jumble, and it works perfectly on Desktop, however, in mobile, it will not appear. Even when I’m in mobile editor and in lightbox mode, it’s faint. Almost acting as if ‘hide’ has been selected on it, which it has not.

Another tell-tale sign that it is indeed opening is that when I check it on the live mobile site, my quick action bar hides, indicating that the lightbox is indeed being prompted to open, it’s just not visually there. I click anywhere on the screen and the quick action comes back, indicating the lightbox has been closed. I have seen deleted the quick action to see if it was having an affect on the lightbox functionality, but it was the same result.

Even when I set triggers to automatically open, no dice. As previously stated, it’s faded out as if it’s hiding, and solid once I click on it to edit. Everything is properly in the lightbox with nothing set to hide. I have created several other sites using this same design strategy for login’s and can confirm that those are all functioning properly. Desktop continues to work properly throughout all these troubleshooting changes.

I have absolutely no trickery code that would first hide the lightbox then close it, it is just a simple, straight-forward onClick command that opens it.
vander3200.wixsite.com/test

It’s the weirdest thing, but I believe I have gotten it to show. I just selected hide for the lightbox in mobile editor, then went to the hidden elements tab and clicked show for everything, and now it’s coming up on mobile.

I’ll leave this up just in case someone else might experience the same weird issue…

Thanks Brett,

Even I had the same issue today and able to resolve it after seeing your comments.

I think by default Wix disables the lightbox in mobile.

Hi Brett. Same problem here. I’d like to implement your solution but I do not see any option to hide the lightbox in the mobile editor. Any suggestions?

Is the checkbox “show on all pages” checked?

The lightbox was already set to “Visible” in the desktop editor for the mobile view. So what I did was, in the desktop editor for the mobile view, I clicked on “Set Triggers” and enabled “Automatically display lightbox on pages”. And then when I published the website, I was able to see the lightbox on my mobile browser.

Thanks for this! I was having the same issue after updating our site, and I guess it automatically hides the lightbox on mobile now.