-
nandox5Asked on July 14, 2014 at 9: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
-
Elton Support Team LeadReplied on July 15, 2014 at 1: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!