Form becomes responsive when opening it on the form designer. How to restore it back?

Hello,

I used jotform forms on my website (on Webs.com) but now something happened after I try Beta Form Designer and the form does not fits. It makes me confused. It goes out of layout and some fields have lost the right shape. I tryed to repair by changing width, but nothing happend and still looks ugly.

On Modzila firefox it works more or less but on Google Chrom and Opera doesn't.

It seems that it is on phone screen settings alltime.

you can see:

http://www.pinandbreakfast.com/wedding-id-family

http://www.pinandbreakfast.com/weddingpin.htm

What can I do?

thank you.

Hi,

It is most probably because the form responds to the container where it is embedded that's why it is rendering the mobile style. Note that when you load the form into form designer, the form becomes mobile responsive.

Anyway, for the meantime I have placed this CSS codes on the CSS tab in your form here http://www.pinandbreakfast.com/wedding-id-family on the form designer. It should be fine by now. You can also do the same on your other form.

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

input[type=text], input[type=email], input[type=tel], textarea {

width: auto;

}

.form-address-line {

width: 310px !important;

}

.form-address-table {

width: 330px  !important;

}

.form-address-city, .form-address-state {

width: 144px !important;

}

.form-sub-label-container {

width: auto;

}

.form-buttons-wrapper button {

width: auto;

}

}

Screenshot:

Let me also forward this to our developers so they can consider an actual fix. I think the form shouldn't be auto responsive when you load it on the form builder.

Thanks!

thank you very much, I will try it

I did it and it works! Thanks a lot!

Hi,

We're glad to know that it is now working properly. In behalf of my colleague EltonCris, you are welcome. Please don't hesitate to contact us if you need any help.

Thank you for choosing JotForm.