Font-Size Changes on Landscape-Mobile

  • Profile Image
    SeyInvest
    Asked on April 08, 2019 at 06:47 AM

    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?

  • Profile Image
    SeyInvest
    Answered on April 08, 2019 at 06:55 AM

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

  • Profile Image
    roneet
    Answered on April 08, 2019 at 10:36 AM

    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.

  • Profile Image
    SeyInvest
    Answered on April 08, 2019 at 11:06 AM

    It does not work.

  • Profile Image
    Richie_P
    Answered on April 08, 2019 at 12:26 PM

    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.

  • Profile Image
    SeyInvest
    Answered on April 09, 2019 at 05:14 AM

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

  • Profile Image
    roneet
    Answered on April 09, 2019 at 07:39 AM

    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.