Code for mobile version padding

  • Profile Image
    Christopher O
    Asked on August 14, 2020 at 01:56 PM

    Hello. Could you please send me a little code to fix the mobile padding on this form? Thank you!

  • Profile Image
    Patrick_R
    Answered on August 14, 2020 at 05:38 PM

    Hello! Please allow me some time to work on this. I'll get back to you shortly with an update.

    Thank you!

  • Profile Image
    Patrick_R
    Answered on August 14, 2020 at 05:45 PM

    Hello! Please implement the following CSS code for your form using these instructions: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    @media screen and (max-width: 480px){
      form.jotform-form > div.form-all > ul.form-section.page-section{
        padding-left: 0px;
        padding-right: 0px;
      }
    }

    Following is how your form should look like after implementing this code on mobile screens:

    1597441535chrome-capture - 2020-08-15T03

    I hope this helps. In case you come across any issues, feel free to get back to us.

    Thank you!