When I open my project in the phone I can still scroll to the right to the Desktop width. I found that the lightboxes are still as wide as in the desktop version. How can I fix this so that mobile version won’t scroll to the right to the blank space? How to make lightboxes proper size in mobile version? I found a couple related topics in forum, but that didn’t work
You have some elements with pixel values in width like “Tour Editor Div” (960px) that causes the problem. You should try finding all the elements that causing trouble and change them to percentage based width or set the max width to 100%. For a quick fix, u can also set overflow to hidden on the body element.
This problem appears not because of the Lightbox, but because the whole site has a big overflow.
The reason of that overflow is an element, which you moved to the right side, out of screen view, for interaction.