How do I increase the size of my Lightbox on mobile devices?

  • give2kids
    Asked on May 2, 2016 at 12:00 PM

    Hello -

    How do I double the size of my lightbox on mobile devices? It's showing very small. I have tried it
    both an responsive and not. No difference.

    Also: How to I increase the size of the "Yes No" text? I'd like it at least 3 times larger.

    Thank you...

    Jotform Thread 830824 Screenshot
  • Mike
    Replied on May 2, 2016 at 1:59 PM

    The lightbox embedding method is not optimized for mobile devices, but also there is an issue with the website itself. Your web page is not designed to be fully responsive on small mobile screens, so that the lightbox looks small.

    The lightbox is not currently loading for me on the http://give2kids.com/donate-car-ny.htm page. I have tested it on a http://www.give2kids.com/mobile/ page instead.

    If you would like to set a % based width for lightbox, you can try to add the next styles code to your web page.

    http://pastebin.com/raw/8pXFf0kw

    Regarding the font sizing, try to add the next CSS to the form to double the size.

    .form-all {
    font-size: 2em;
    }

    How do I increase the size of my Lightbox on mobile devices? Image 1 Screenshot 20

    If you need any further assistance, please let us know.