How to make my scale rating mobile responsive

Can you please provide CSS to make the scales at the end of the survey (Q8A-Q8G) fit on a phone screen? We would like to keep the rating text. 

Hi,

Please allow me some time while I do some tests on my end. I'll get back to you in this thread as soon as I have results to share.

Thanks for your patience.

Please try injecting this CSS code to your form and let us know how it goes.

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

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

    padding: 0px;

    font-size: 70%;

  }

}

Guide: How-to-Inject-Custom-CSS-Codes

That looks great, except that it adds both vertical and horizontal scroll bars, even though everything seems to fit within the limits of the screen. Is there a way to prevent those from appearing?

Hi,

As requested, kindly inject below CSS code if you wish to get rid of both scrollbars.

.form-line.jf-required{

  overflow:hidden;

}

Please let us know if you need further assistance.

Thank you! This was exactly what we were looking to do.