URGENT PROBLEM (responsive mobile)

  • Profile Image
    elisabettadif
    Asked on October 09, 2017 at 08:48 AM

    Hi, I'm working on this form: https://eu.jotform.com/build/72692064944969 

    I have a problem: 

    Although I've put the "mobile responsive widget" at the bottom of the form, the problem is that the form and the thank you page display is bumped (some writing in the form is tiny and almost illegible, while the thank-you text page does not appears, unless the user scrolls upwards).

    How coud I fix it - absolutely within the h.17pm of today...?

  • Profile Image
    Marvih
    Answered on October 09, 2017 at 10:07 AM

    Try adjusting the height of the field which cannot be seen or illegible, example field below 

    Then in your "Thank You" page. Try moving the "CHECK" logo a little bit lower.

    Let us know how it goes.

  • Profile Image
    elisabettadif
    Answered on October 09, 2017 at 10:54 AM

    Thank you Marvih ... I tried with height 70 and also 90, but in mobile version the writings continue to be too small.

    The same problem also fot the text "Puoi compilare il modulo una sola volta: stampa la email con il codice speciale e portala in fiera per ritirare il KIT DIF2018!" (now is 14 pt, but if i choose 18 pt I see this text bigger than the previous title.

    The logo...appears smaller in mobile version... (If I increase the size, I see the logo too big in non mobile version...I would like to be as wide as the form...)

  • Profile Image
    Chriistian
    Answered on October 09, 2017 at 12:12 PM

    Please try to inject this custom CSS code to your widget to increase the font-size of the text of the widget.

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

    label {

        font-size: 22px;

    }

    }