Problem with form scaling to mobile device.

  • Profile Image
    robert37
    Asked on August 14, 2016 at 04:21 PM

    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

  • Profile Image
    jonathan
    Answered on August 14, 2016 at 04:45 PM

    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.

     

     

  • Profile Image
    robert37
    Answered on August 14, 2016 at 07:46 PM
    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
    ...