Form zooms and pulls to the right when viewed on mobile

  • Profile Image
    qubiwebber
    Asked on June 14, 2019 at 02: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


  • Profile Image
    Mike_G
    Answered on June 14, 2019 at 06:03 PM

    I was able to reproduce the issue you are having.

    1560549242zt16_55_40.png

    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.