Unresponsive Form

  • Profile Image
    rikitiki321
    Asked on March 17, 2014 at 06:17 PM

    The website is www.napervillehomevalue.org and the forms are not responsive at all. It is crucial to have my website's forms to work with iPhones and Android phones. How can I fix this? Thanks in advance!

  • Profile Image
    jonathan
    Answered on March 17, 2014 at 09:02 PM

    Hi,

    You may refer to this thread also on how to properly add the CSS codes needed on your form so that it can be as responsive when browse using mobile browser also.

    At the least you may try this CSS code

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

    @media (max-width: 480px) {

    .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;

    }

    .form-buttons-wrapper{

    margin-left:0 !important;

    }

    .form-input {

    width: 100%;

    }

    .form-all{

    width: 75%;

    }

    .form-sub-label-container {

    width: 100%;

    display:block;

    }

    }

     

    Hope this help. Inform us if you need further assistance.

    Thanks!

  • Profile Image
    rikitiki321
    Answered on March 17, 2014 at 10:34 PM

    Jonathan:

    I absolutely love you. Haha thank you so much! It's all working now :) Super satisfied with JotForm :D

  • Profile Image
    jonathan
    Answered on March 17, 2014 at 11:10 PM

    You're quite welcome. =) Contact us again anytime.

    Regards,