Problem with form scaling to mobile device.

My two forms:

Order 30-minute monologue reading

and

Order 60-minute monologue reading

work fine on a desktop or laptop, and also in portrait mode on a phone. The form boxes all scale properly.

However, on an intermediate-sized device --- like an 8" tablet, or on a phone in landscape mode --- the form boxes misbehave. They lose their right borders and go off on the right side to infinity. If you type into these boxes, the display shifts to the right, and you can't get back to the left margin.

I have this meta tag on the pages:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

If you open one of the pages below on a laptop or desktop, it will be ok. Then, if you resize the screen smaller, at some point this problem will occur.

Any ideas?

Thanks.

Robert

Hi Robert,

I made a test using your embedded forms on http://www.starcenter.com/order30mono.html and http://www.starcenter.com/order60mono.html

and so far both were working good when viewed on mobile browser.

Can you please confirm if you have resolve the issue already. If it persist can you share to us a screenshot image on how it tooks on your browser. 

Please let us know if issue remains.

Thanks.

 

 

Hello,
Thank you. But I cleared it up. I had set the "form width" to 690. I
changed it to 400, and all is well.
Robert
...