Form zooms and pulls to the right when viewed on mobile

  • qubiwebber
    Asked on June 14, 2019 at 2:31 PM

    hi, 

    on mobile when i click on the form it zooms in and pulls to the right, each time you to the next phase of the booking form and click on the input fields it does the same thing. after i sumbit the location also the form doesnt go right back up to the top of the screen.

    can you advise please.


    thanks

    Russell


    Jotform Thread 1857657 Screenshot
  • Mike_G JotForm Support
    Replied on June 14, 2019 at 6:03 PM

    I was able to reproduce the issue you are having.

    1560549242zt16 55 40 Screenshot 10

    To fix the issue, may I suggest that you remove the Mobile Responsive widget(s) in your form, please? After doing that, please inject the following CSS codes to your form.

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

        .form-all {

            width: 100% !important;

        }

    }

    And to finalize, please find the codes below that is injected in your form and remove it.

    @media screen and (max-width: 689px){

      .jotform-form{

        margin-left: 20px;

      }

    }

    Here's a clone version of your form where I have applied the changes above — https://form.jotform.com/91646580463968

    Feel free to contact us anytime if you have other questions or concerns.