Mobile appearance: form looks too close to the left marging

  • ZeshanHaider
    Asked on March 13, 2018 at 2:48 AM

    On mobile please check form looks too close to the left marging. How to fix it?

    I am already using the mobile responsive widget.

  • gizem
    Replied on March 13, 2018 at 8:45 AM

    You can inject this custom CSS code to your form:

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

        .form-all {

            margin-left:10px !important;

        }

    }

    By clicking the Form Designer icon, you can easily add the code as seen in the below screenshots:

    1)

    1520944549Screen Shot 2018 02 20 at 3 Screenshot 10

    2)

    1520944560Screen Shot 2018 03 13 at 3 Screenshot 21


    After the adding the code above, your form is seen as:

    1520944453Screen Shot 2018 03 13 at 3 Screenshot 32

    Also, this guides may help you:

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

    https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes 


    If you need any further help, feel free to ask.

  • ZeshanHaider
    Replied on March 13, 2018 at 9:11 AM

    It worked. You guys are really amazing