How do stop part of the text being hidden on phones?

  • Profile Image
    Littlejemsphotography
    Asked on April 01, 2018 at 12:13 PM

    The text is hidden on the checkbox on peoples mobile phones but its fine on computer? I can't work out how to solve this. 

  • Profile Image
    BDAVID
    Answered on April 01, 2018 at 12:39 PM

    Please inject the following CSS code in your form as shown on this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

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

    #customFieldFrame_3{

        height: 80px !important;

    }

    }

    Let us know if you need more help.

  • Profile Image
    Littlejemsphotography
    Answered on April 01, 2018 at 02:43 PM
    Thank you, will this also work on other forms?
    ...
  • Profile Image
    Victoria_K
    Answered on April 01, 2018 at 02:56 PM

    Unfortunately, no. Custom CSS code does only affect the form, where you have injected it to. 

    But, if you get any issue with other your forms, we will gladly assist.

    Let us know if you need more help.

  • Profile Image
    Littlejemsphotography
    Answered on April 01, 2018 at 03:43 PM
    I am having the issue on all my other model call forms too.
    ...
  • Profile Image
    Victoria_K
    Answered on April 01, 2018 at 04:11 PM

    I have checked your other forms and adjusted the code for them. Please inject the code below to your forms

    http://www.jotformeu.com/form/80905603807356 , 

    http://www.jotformeu.com/form/80905497607365 , 

    http://www.jotformeu.com/form/80904966007359 , 

    http://www.jotformeu.com/form/80904895307363

    Custom CSS:

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

    #customFieldFrame_11{

        height: 80px !important;

    }

    }

    Let us know if there is anything else we could assist with.