How can I optimize the scale rating for mobile view?

https://www.jotform.com/build/240806740771457

Hi Kyla,

Thanks for reaching out to Jotform Support. Are you looking to optimize the scale rating of your form for mobile view? If so, you can reduce the size of the Scale rating field by injecting the following custom CSS Code.

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

.rating-item:not(:last-child) {

    margin-right: -0.9em;

}

.rating-item>label {

    width: 21px;

    height: 21px;

}

}

It's really easy to inject this custom CSS code into your form. Let me show you how:

• In Form Builder, click on the paint roller icon on the right side of the page.
• Under the Styles tab, scroll down to the Inject Custom CSS section.
• Paste the code. That's it.

Before:

After:

We also have a guide about How to Inject Custom CSS Codes that you can check out.

If that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?

Reach out again if you have any other questions.