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

  • Profile Image
    give2kids
    Asked on May 02, 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...

  • Profile Image
    Mike
    Answered on May 02, 2016 at 01: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;
    }

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