Form not responsive

  • Profile Image
    JulieLabrosse
    Asked on May 25, 2016 at 09:05 AM

    Hello , I must make this form responsive.  http://www.imprimeriemontreal.ca/index.php?cID=208
    I tried several things
    1. I have been in settings and in design to activate the option responsive.
    2. I set a css that I found in the forum.
    3. I've tried changing the widht and the height

    Here is the css I tried

    .form-line.form-line-column {

    width: 100% !important;

    margin-left:0;

    }

     

    .form-line{

    width: 100%;    

    }

     

    .form-textarea,

    .form-textbox,

    .form-dropdown{

    width: 100% !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

     

    .form-label-left, .form-label-right{

    width: auto !important;

    }

     

    .form-buttons-wrapper{

    margin-left:0 !important;

    }

     

    .form-input {

    width: 100% !important;

    }

     

    .form-all{

    width: 75% !important;

    }

     

    .form-sub-label-container {

    width: 100% !important;

    display: block  !important;

    }

  • Profile Image
    beril
    Answered on May 25, 2016 at 10:58 AM

    When I try to view your website on my mobile phone it is redirecting to the different page. Because of that reason, I am not able to check it.

    In addition to that, I've tested your form which is http://www.jotformpro.com/form/61243650408955 on my mobile phone. It is working properly on my side.

     

    We would appreciate it if you could tell us how to view your form on the mobile platform. At that time, we can assist more properly. We will wait for your response.

  • Profile Image
    JulieLabrosse
    Answered on May 25, 2016 at 12:01 PM

    Hi please clic on COMMANDEZ - TIM HORTONS in the menu

  • Profile Image
    Charlie
    Answered on May 25, 2016 at 01:23 PM

    I'm also having a hard time viewing your website.

    iPhone 6:

     

    iPhone 5

     

    Samsung S6:

     

    Have you tried checking your form's direct link? See if the direct link, which is this one https://form.jotform.com/61243650408955?cID=208. See if that is mobile responsive. It would also be best to check your website to make sure that the wrapper on your form is also responsive.

    Please also try adding the Mobile Responsive widget directly in your form. You can add widgets by following this guide: https://www.jotform.com/help/252-How-to-Add-a-Widget-to-your-Form

    We'll wait for your response.