Scale rating not responsive on mobile devices.

  • drrehak
    Asked on March 13, 2017 at 11:33 AM

    Hi, I have a scale rating form 1-10. The labels cause the right side to get cut off on mobile. Is there a way to fix this with CSS. I have tried inserting the CSS as recommended on other threads.

     

     

     

     

    Jotform Thread 1089973 Screenshot
    Page URL: https://form.jotform.us/70575508213151
  • Ashwin JotForm Support
    Replied on March 13, 2017 at 2:06 PM

    Hello drrehak,

    Please inject the following custom css code in form and that should solve your problem:

    @media screen and (max-width: 480px) {

    .form-scale-table th, .form-scale-table td {

        padding: 9px 3px;

    }

    }

    The following guide should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • drrehak
    Replied on March 13, 2017 at 5:20 PM

    Thanks! Works perfectly!