What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Form margins for mobile

    Asked by JerryWinter on December 03, 2013 at 04:41 PM

    How do I make the default margins on a form skinnier? The mobile version of my prototype form is only 310 wide (to accommodate iPhone 320 width). The default margins take up lots of screen real estate. CSS trickery? Thanks!

    Screenshot
    Mobile wide thanks
  • Profile Image
    JotForm Support

    Answered by EltonCris on December 03, 2013 at 11:17 PM

    Hi,

    Inject the following CSS codes to your form, this should reduced the default spacing when the form is viewed on mobile.

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

    .form-line {

    padding-left: 2px !important;

    padding-right: 2px !important;

    }

    .form-header-group{

    margin: 0 !important;

    }

    }

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

    If you need further assistance about this, let us know here. Thanks!