Radio button questions not optimized for mobile

  • natfoster
    Asked on October 31, 2020 at 7:21 AM

    Hi again


    Hopefully my last question for the day ;-)


    Questions with radio buttons are not optimized for mobile. Is there a way to fix this?


    Thanks


    Mia

  • Girish JotForm Support
    Replied on October 31, 2020 at 8:32 AM

    Radio button / Single choice fields are optimized on mobiles too i.e. they are mobile responsive.

    Could you let us know which form and which field, in particular, are you referring to?

  • natfoster
    Replied on October 31, 2020 at 8:44 AM

    Thanks


    The form is https://form.jotform.com/202813199845564


    The words do not run over lines properly- see image.

    When I turn my android device sideways it fixes. When done on iOS, the problem persists.


    It seems to be across all questions on the form.




    1604147765 5f9d5a35726ce Screenshot 10

  • roneet
    Replied on October 31, 2020 at 9:34 AM

    I have injected the following CSS to fix the words alignment in your form:

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

     .form-matrix-row-headers {

       word-break: break-word;

     }

    }

    Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Let us know if you have further questions.

    Thanks.


  • natfoster
    Replied on October 31, 2020 at 10:40 AM

    Perfect. Thank you, I appreciate your time.


    Works a charm!