Font-Size Changes on Landscape-Mobile

My fonts work as per usual on portrait mobile, but the field labels after "I declare as follows" become larger than the rest of the text on landscape. How can this be fixed?

I have noticed that the phenomena seems to only occur for fields that do not have "shrink" enabled.

Could you please inject the following CSS in your Form builder:

@media screen and (max-width: 768px) and (min-width: 600px) {

.form-label.form-label-top {
   
    font-size: 12px;
}

}
 

To inject custom CSS please follow this guide:

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

Let us know how it goes.

Thanks.

It does not work.

You may try this custom CSS code.

.supernova {
    -webkit-text-size-adjust: 100%;
}

Guide to inject custom CSS in the Form Builder:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

If you need further assistance, let us know.

Thank you. This has solved the problem! Would you mind explaining what the .supernova class controls?

The .supernova class is the class that supports entire HTML styling like the background color, text format, margin, padding of the entire page.

Let us know if you have further questions.

Thanks.