Form is very squashed on Mobile View

  • CoachPhysio
    Asked on May 17, 2017 at 10:36 AM

    Hi, I have just checked how my form looks from Android and the info is unreadable as its very squashed. I thought that could be because I was viewing the form embedded into clickfunnels, but I also tried the direct link here and its still the same. Any help would be appreciated. 

    Many thanks

  • BJoanna
    Replied on May 17, 2017 at 12:04 PM

    I was able to replicate mentioned issue when I tested your form. Your form is squashed because of horizontal padding that is set inside of Form Designer. 

    Form is very squashed on Mobile View Image 1 Screenshot 20

    You can remove or reduce this padding or you can add this CSS code to your form, that will remove mentioned padding when form is viewed on mobile devices: 

    @media screen and (min-width: 10px) and (max-width: 480px){

    .form-section {

        padding: 0px 10px 0px 10px!important;

    }}

    How to Inject Custom CSS Codes

    Here is my cloned form with mentioned CSS code: https://form.jotformpro.com/71364400571954 

    Feel free to test it and clone it.

    Hope this will help. Let us know if you need further assistance. 

  • CoachPhysio
    Replied on May 17, 2017 at 12:14 PM

    Perfect thanks!

  • BJoanna
    Replied on May 17, 2017 at 1:12 PM

    You're welcome.

    Feel free to contact us if you have any other issues or questions.