Radio buttons too small on mobile device

  • witsend
    Asked on June 3, 2016 at 10:08 AM

    I've increased the font size, and the questions font increases, though the radial buttons and corresponding text is very small and hard to click on a mobile phone. Is there a fix for this by any chance?

  • BJoanna
    Replied on June 3, 2016 at 11:33 AM

    I have tested your from on my Samsung Galaxy S4, but i was not able to replicate mentioned issue. I could select radio button options without any issues. 

    However if you would like to increase size of radio buttons, inject this CSS code to your form:

    input[type="radio"]{

    width: 20px;

    height: 20px;

    Inside of this guide you can find how to Inject Custom CSS codes to your form: 

     

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    After you add this CSS code radio buttons on your form will look like this.

    Radio buttons too small on mobile device Image 1 Screenshot 20

    Here is my demo form where I added mentioned CSS code: https://form.jotform.com/61544297899980

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • witsend
    Replied on June 3, 2016 at 12:15 PM

    Awesome, thank you!

  • BJoanna
    Replied on June 3, 2016 at 12:35 PM

    You're welcome.

    Feel free to contact us if you have any other questions.