Form not scaling to phone

  • Profile Image
    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?

  • Profile Image
    BJoanna
    Answered 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. 

  • Profile Image
    northview99
    Answered 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!

  • Profile Image
    BJoanna
    Answered on April 23, 2019 at 01: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

  • Profile Image
    northview99
    Answered on April 23, 2019 at 01:45 PM

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

  • Profile Image
    northview99
    Answered on April 23, 2019 at 01:50 PM

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


  • Profile Image
    BJoanna
    Answered on April 23, 2019 at 02: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.