My Form is not Mobile Responsive

  • dohafamily
    Asked on September 13, 2015 at 12:47 PM
    I just discovered that some of my conditional selections are not rendering well on mobile devices. For example, in the "About your Setup" section there's a question about powerpoints. If the user selects any option besides the first one there is a checkbox agreement that pops up. The text is totally different and runs off the page.

     

    You can see how the text "I understand that. . ." is different than other text and doesn't wrap - it goes off the screen entirely.

     

    Do I need to enable the "responsive" option?

  • jonathan
    Replied on September 13, 2015 at 1:12 PM

    Can you please try adding the Mobile Responsive Widget first on your jotform http://www.jotformpro.com/form/52515820589966

    My Form is not Mobile Responsive Image 1 Screenshot 20

     

    Then check again on mobile browser. See if it makes any difference.

    Let us know if this did not fixed the problem.

  • dohafamily
    Replied on September 13, 2015 at 1:17 PM

    Thanks Jonathan - will try that right now. I didn't want to try it before receiving word from you since the last thing I want to do is mess things up :)

    Will get back to you in just a few.

  • dohafamily
    Replied on September 13, 2015 at 1:24 PM

    Hi Jonathan - it definitely didn't fix the problem. As I go through the form on my mobile the text is overflowing off of the form.

    This screenshot is from page two of the form.

    My Form is not Mobile Responsive Image 1 Screenshot 20

  • jonathan
    Replied on September 13, 2015 at 3:36 PM

    Please check again your jotform  http://www.jotformpro.com/form/52515820589966 

    I have fixed it on a test form after adding this CSS code

     

    .form-single-column .form-checkbox-item, .form-single-column .form-radio-item {

        white-space : normal !important;

    }

    My Form is not Mobile Responsive Image 1 Screenshot 20

     

     

    Let us know how it goes.