How to make lightbox popup work on mobile phone?

  • Profile Image
    Asked on August 24, 2016 at 09:34 AM

    I'm using jotforms to make a popup lightbox for users to read my policies. Unfortunately, when I view it mobile (using the lightbox embed code) it is not adapting the lightbox window size in mobile. If a user clicks on this embed link on a mobile device, they will get stuck on it and can't "X" out from the popup. Nor can they even read the pop-up because it goes beyond the screen constraints and gets cut off. It works beautifully on desktop, but more and more people are viewing sites on mobile, so I really need this feature. Is there some way for me to get this working?

    My website is and the link is at the bottom of the page and reads "Policies & Cancellation".


    This is a re-post of a comment on Deprecated: How to Make the Form Responsive Using the Form Designer Tool

  • Profile Image
    Answered on August 24, 2016 at 10:45 AM

    I checked your website and I see what you're describing. For me it is opening fine on my phone, I can read and everything, but the x is not visible on the screen. Could you please try to shrink the width of your lightbox:

    Then re-embed your form and see if it works normally.

    If your issue still persists, please let us know so we can investigate further.

    Thank you!

  • Profile Image
    Answered on August 24, 2016 at 02:00 PM

    Hi thanks for your reply. It probably worked for you because I actually figured it out sometime after submitting this question, and I did it just how you described. Thank you, either way. Perhaps this thread will help someone else with the same issue.

  • Profile Image
    Answered on August 24, 2016 at 02:03 PM

    I'm glad it that you were able to figure it out.

    Well yes, we always tend to write this solutions so they can be re-used by other users.

    Thank you for your feedback.


  • Profile Image
    Answered on November 11, 2016 at 05:19 PM

    I am having the same problem.

    the catch is I want the form to be 500 px wide on larger screens but only 250 wide on phones. is there a way to do this? would be great if I could just do 90% width but it doesn't seem to register % for lighthouse or feedback form. 
  • Profile Image
    Answered on November 11, 2016 at 08:23 PM


    We will resolve your question here