Form not scaling to phone

  • northview99
    Asked on April 23, 2019 at 10:02 AM

    I get that the form is wide, but the scroll bar isn't available to go left and right, making it impossible to use the form on a smalled tablet or phone .... any work around?

  • BJoanna
    Replied on April 23, 2019 at 11:55 AM

    To which form is your issue related to? Please provide us a form URL and a webpage URL, if you embedded the form. Also, tell us which phone are you using. 

  • northview99
    Replied on April 23, 2019 at 12:27 PM

    embedded location - https://stfidelis.ca/2019-summer-camp-registration/


    form name is the same

    users on Iphone and samsung have reported the same issue


    Thanks in advance!

  • BJoanna
    Replied on April 23, 2019 at 1:44 PM

    Your standalone form is not responsive because of the following CSS code you added to the form. 

    .form-all {

        width: 825px !important;

    }

    The width of your form is set to 815px.

    The Importance of Form Widths

    Please remove the mentioned CSS code and test the form again to see if that will resolve the issue. 

    How to Inject Custom CSS Codes

  • northview99
    Replied on April 23, 2019 at 1:45 PM

    Seeing as I added nothing (intentionally anyway) where would i find that to remove it?

  • northview99
    Replied on April 23, 2019 at 1:50 PM

    Looks like that might have done the trick... thank you!!!!


  • BJoanna
    Replied on April 23, 2019 at 2:02 PM

    I tested your embedded form again and it is now responsive. 

    Feel free to contact us if you have any other issues or questions.