How to make a form mobile responsive ?

  • BrendaNeal
    Asked on January 18, 2016 at 1:29 PM

    Can you put the mobile response widge at the botton of the form and it still work correctly.  If not.  Is there a way to hide the text at the top of the form?

  • Kevin Support Team Lead
    Replied on January 18, 2016 at 4:38 PM

    Hi,

    Thank you for contacting us.

    Unfortunately, I can not understand your question, if you are trying to make your form mobile responsive, you may use this guide : http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive 

    Or also inject this CSS code :  

    /*-----------RESPONSIVE LAYOUT-----------*/

     

     

     

    .form-line.form-line-column {

     

    width: 100% !important;

     

    margin-left:0

     

    }

     

     

     

    .form-line{

     

    width: 100%;    

     

    }

     

     

     

    .form-textarea,

     

    .form-textbox,

     

     

     

    .form-dropdown{

     

    width: 100% !important;

     

    -webkit-box-sizing: border-box;

     

    -moz-box-sizing: border-box;

     

    box-sizing: border-box;

     

    }

     

     

     

    .form-label-left, .form-label-right{

     

    width: auto !important;

     

    }

     

     

     

    .form-buttons-wrapper{

     

    margin-left:0 !important;

     

    }

     

     

     

    .form-input {

     

    width: 100% !important;

     

    }

     

     

     

    .form-all{

     

    width: 75% !important;

     

    }

     

     

     

    .form-sub-label-container {

     

    width: 100% !important;

     

    display: block  !important;

     

    }

    Please, if it does not help, provide us more details about your concern, we will be glad to assist you.

    Regards.