Form fields are cut off on left when viewed using iPad and iPhone in Landscape mode

  • travelvillage
    Asked on December 3, 2015 at 6:42 AM

    Hi, hope you can help me.

    My responsive form looks great on a desktop and on an iPad in portrait but when I turn it to landscape the left hand side of the form cuts off, same thing happens on an iPhone.

    Do you have any idea why? I've got it all set to responsive so it should resize with the device?

    Thanks

  • Welvin Support Team Lead
    Replied on December 3, 2015 at 8:28 AM

    Would you mind taking a screenshot of the problem and post it here? I tried this using Browserstack, using their new feature with 100% accuracy and I cannot replicate it there. 

    You can upload the screenshot to this support forum by following this guide: https://www.jotform.com/answers/277033.

    I look forward to your reply.

  • Welvin Support Team Lead
    Replied on December 3, 2015 at 8:31 AM

    This is how the form appears to my end:

    Form fields are cut off on left when viewed using iPad and iPhone in Landscape mode Image 1 Screenshot 20

    As you could see, it's not getting cut off.

  • travelvillage
    Replied on December 3, 2015 at 8:34 AM

    You can see in your screenshot that the right side of the form is getting cut off?

  • travelvillage
    Replied on December 3, 2015 at 8:42 AM

    Form fields are cut off on left when viewed using iPad and iPhone in Landscape mode Image 1 Screenshot 20

    Here you can see it's the same on my screen. The right hand side of the form is cut off

  • Welvin Support Team Lead
    Replied on December 3, 2015 at 9:53 AM

    Oh! I'm sorry. I've fixed it for you by adding the following custom CSS codes in the form. 

    @media only screen and (max-device-width: 1280px) {

    .form-line {

        width: 98% !important;

    }

    }

    Please check again and let us know if it's still cut off.

    Thanks

  • travelvillage
    Replied on December 3, 2015 at 10:01 AM

    Thanks so much, this has fixed it :)

  • Welvin Support Team Lead
    Replied on December 3, 2015 at 11:58 AM

    That's great! You're welcome. Please contact us again if we can help in any way.