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

  • Littlejemsphotography
    Asked on April 1, 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. 

    Jotform Thread 1431797 Screenshot
  • David JotForm Support Manager
    Replied on April 1, 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.

  • Littlejemsphotography
    Replied on April 1, 2018 at 2:43 PM
    Thank you, will this also work on other forms?
    ...
  • Victoria_K
    Replied on April 1, 2018 at 2: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.

  • Littlejemsphotography
    Replied on April 1, 2018 at 3:43 PM
    I am having the issue on all my other model call forms too.
    ...
  • Victoria_K
    Replied on April 1, 2018 at 4: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.