Form not displaying correctly on Ipad

My form seems to change format when viewed on an ipad.  Can you tell me why?

I have attached the ipad screenshot.

Thanks

Hi,

Your browser seem to change the format of the form. Have you tried using different browser? Do you still want the same styling applied as when viewed on desktop?

We will wait for your response.

Regards.

Yes I would like the iPad to display as it looks on the laptop.

Thanks

Hi,

I'm currently testing my cloned form with the custom CSS to be applied to fix it's ipad view. Please give me more time. I'll get back to you as soon as get this working.

Hi,

Can you try to inject the custom CSS below and see if it fix the styling?

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

#cid_10 {

white-space: nowrap;

}

.form-sub-label-container {

width: initial;

}}

To inject your custom CSS, there is a guide: How to Inject Custom CSS Codes.

Do let us know if you need further assistance.

Regards.

Hi

That seems better but the fields still spread across the whole page?

how do I fix that? 

Tm

Are you referring to the inputs for each of the fields with those stretched out the width of the screen on your device?

This? -

If I'm not mistaken I think you said you wanted that to look like the computer version instead? Or?

Please confirm or correct me so that we can better assist you or let us know more about how you are needing it to look.

I would like the form to be published as it looks in your bottom picture with the smaller boxes. 

Thanjs 

We have also added the next CSS to your form in order fix the layout.

@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
input[type=text], input[type=email], input[type=tel], textarea {
width: initial !important;
}

The form should look similar on the iPad and desktop now. If you need any further assistance, please let us know.