how to make embed iframe form responsive?

  • Profile Image
    dapoet909
    Asked on June 07, 2014 at 09:36 AM
  • Profile Image
    BDAVID
    Answered on June 07, 2014 at 11:42 AM

    Hi, please inject this CSS code in your form:

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

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

    .form-textarea,

    .form-textbox,

    .form-dropdown,

    .form-radio,

    .form-checkbox{

    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: 98%;

    }

    .form-sub-label-container {

    width: 100%;

    display:block;

    }

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image
    spot2017
    Answered on May 05, 2017 at 09:33 PM

    Hi there, I've copied and pasted the above into the CSS code in my form, but it still doesn't show as responsive in the website. www.spotwifi.co.nz/page/rent-now/.

     

    Any ideas?? 

     

  • Profile Image
    Nik_C
    Answered on May 06, 2017 at 04:33 AM

    @spot2017,

    Since this is an older thread I opened a new one  here: https://www.jotform.com/answers/1137905 and we'll attend it there.

    Thank you!