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

  • Profile Image
    travelvillage
    Asked on December 03, 2015 at 06: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

  • Profile Image
    Welvin
    Answered on December 03, 2015 at 08: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.

  • Profile Image
    Welvin
    Answered on December 03, 2015 at 08:31 AM

    This is how the form appears to my end:

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

  • Profile Image
    travelvillage
    Answered on December 03, 2015 at 08:34 AM

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

  • Profile Image
    travelvillage
    Answered on December 03, 2015 at 08:42 AM

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

  • Profile Image
    Welvin
    Answered on December 03, 2015 at 09: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

  • Profile Image
    travelvillage
    Answered on December 03, 2015 at 10:01 AM

    Thanks so much, this has fixed it :)

  • Profile Image
    Welvin
    Answered on December 03, 2015 at 11:58 AM

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