When I create a PDF of my form the question / answer boxes overlap each other so cannot be read

I have attached a copy of my form http://form.jotformeu.com/form/50322258896360

Can you help. Thanks

Nigel

I see Nigel what you mean.

I believe that this is caused by several styles that you have set on your jotform and would like to recommend to add this CSS code which seems to resolve the issue for me.

@media screen and (max-width: 550px) {
.form-line.form-line-column.form-col-2, .form-line.form-line-column.form-col-3, .form-line.form-line-column.form-col-4, .form-line.form-line-column.form-col-5 {
    clear: left;
    padding-left: 38px;
    width: 50%;
}
}

Do let us know how it goes.

Thanks Ben for your help with this and sorry for delay in getting back to you

I have put the code in and that does appear to have put the boxes in the right place.

The next issue I have is that when you look at the form in preview and design mode boxes are on the same line but when you go to PDF mode then each box moves to a separate line.

e.g brides name brides phone number and email should all be on one line.

We print these forms so it doubles or trebles the length.

I hope you can help with this to

Regards

Nigel

Please try to use the following CSS code instead:

@media screen and (max-width: 550px){
.form-col-2, .form-col-3, .form-col-4, .form-col-5 {
       padding-left : 1px;
       max-width : 170px;
   }
}

However, you should consider that since you want to show 3 fields in one line the space for those fields would be very small.

Either way, please give it a try and let us know if it works for you.
Thank you.