Code for mobile version padding

  • Christopher O
    Asked on August 14, 2020 at 1:56 PM

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

    Jotform Thread 2513867 Screenshot
    Page URL: https://eu.jotform.com/build/202263567130044
  • Patrick_R
    Replied on August 14, 2020 at 5:38 PM

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

    Thank you!

  • Patrick_R
    Replied on August 14, 2020 at 5: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 Screenshot 10

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

    Thank you!