Form margins for mobile

  • Profile Image
    JerryWinter
    Asked 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!

  • Profile Image
    EltonCris
    Answered 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!