Need help to make the form fit perfectly on my website when viewed on iPad

  • Profile Image
    nandox5
    Asked on July 14, 2014 at 09:47 PM

    Is there a way i can add a responsive form like this one?

     

    visit my page.. injurylawyerindetroit.com on the ipad and the form looks bad..

     

    any help is appreciated

     

    thanks

  • Profile Image
    EltonCris
    Answered on July 15, 2014 at 01:37 AM

    Hi,

    I have injected the following custom CSS codes to your form to correct the form display on iPad. You're embedding the form as iframe so I did use a fixed form width instead of 100%. Feel free to check it with your form and adjust the values according to your preference.

    @media only screen 

    and (min-device-width : 768px) 

    and (max-device-width : 1024px)  { 

    .form-all *{

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    }

     

    .form-textbox, .form-textarea, .form-dropdown{

    width: 100%;

    }

    .form-submit-button{

    width:100%;

    }

    .form-all{

    width:167px;

    margin:0;

    }

    img#input_7_captcha {

    width: 115px;

    }

    }

    Result:

    Cheers!