Responsive Forms Still have side scrolling on mobile phones

  • Profile Image
    printspaz
    Asked on March 23, 2016 at 03:40 PM

    When we select responsive on the forms they work great with the desktop and tablets, but on the mobile phones you still have to scroll to the side as the fields overlap and go off the form canvas? How do we get the form to be responsive on mobile the same as it does on tablet?

  • Profile Image
    Nik_C
    Answered on March 23, 2016 at 04:42 PM

    You need to turn on the responsive option in the form Preferences. Please take a look at the following guide on how to do that:



    Please let us know if this works for you.

     

  • Profile Image
    printspaz
    Answered on April 11, 2016 at 02:26 PM

    Hello,

     

    Thank you for your feedback, I never new that existed and it is great to know. I made the updates and they seem to work fine on Desktop screens and Tablets, but on my Mobile Phones the Responsive Form is still showing the same and not fitting the screen width. Please see below link on your mobile phone. 

     

    http://www.outlaunched.com/#!blank/d12ua

     

    Thank you<
    CJ 

  • Profile Image
    KadeJM
    Answered on April 11, 2016 at 04:06 PM

    I took a peek at this on your webpage on my iPhone and I can confirm that it certainly doesn't appear to be mobile there.

    However, when I compared it to the standalone form to figure out if it's the form or the website I found it's mobile.

    This means something in your webpage is preventing the mobile responsive from working properly.

    I noticed the top of your webpage appears to be mobile but apparently the bottom isn't.

    Is that part of another iframe that's separate on your page maybe?

    Please allow us some time to look into this a bit more to see if we can assist in a feasible solution.

     

    Form on your Webpage:

     

    Form by Itself: 

     

  • Profile Image
    printspaz
    Answered on April 25, 2016 at 05:36 PM

    Hi there I am still needing help with this issue please. To clarify our situation. Now on the tablet and the mobile, these forms are not responsive. In the previous message you mentioned that something is blocking them on the page? Right now this site is a WIX.com site and on each page I have just the header, footer, and one strip of content at the top under the header with the Price Package name. Under that strip in the body content I have 1 large box with this form Iframed. There is nothing else on the page but those elements. please help. Thank you so much. 

  • Profile Image
    jonathan
    Answered on April 25, 2016 at 10:15 PM

    I test the embedded form on your website http://www.outlaunched.com/#!blank/d12ua and I can see the form was not responsive on the mobile browser

    However using the form only URL http://www.jotformpro.com/form/52726449498976 show a better responsive result.

     

    As my colleague previously mentioned, other factor from within your website could be the cause why the form was not mobile responsive when within the website.

    To test this further, can you try to embed a different form on this website? Try a very basic form with only a fiew basic info fields on it. Then, let us test how the form will perform on the website when using mobile browser.

    We will wait for your updates.

    Thanks.