Form not displaying properly on phone or desktop

  • alyatech
    Asked on June 5, 2015 at 11:16 AM

    On the mobile phone the Form function. Desktop version its not function the pictures are not visible.

     

  • Boris
    Replied on June 5, 2015 at 2:39 PM

    Hello.

    I have checked your website, http://alyasol.com/, and the form appears to load and function fine for me on a desktop browser. Pictures are properly loading.

    Form not displaying properly on phone or desktop Image 1 Screenshot 40

    It might have just been a temporary or a caching issue that you are experiencing. Please try clearing your browser cache, and loading the page again?

     

    If you are saying that the form does not function on a mobile phone, I can see that the images get cut off on a narrow screen.

    Form not displaying properly on phone or desktop Image 2 Screenshot 51

    To fix it, you can inject the following custom CSS to your form, and it will ensure that your form and images re-flow on a narrow screen:

    @media only screen and (max-width:510px){
      .custom-field-frame {
        height: 400px !important;
      }
    }
    @media only screen and (max-width:340px){
      .custom-field-frame {
        height: 600px !important;
      }
    }
    @media only screen and (max-width:300px){
      .custom-field-frame {
        height: 700px !important;
      }
    }

    Form not displaying properly on phone or desktop Image 3 Screenshot 62

    Please see if my cloned version of your form displays fine on your devices:

    http://support.jotform.com/form/51555230604952

    Please let us know. Thank you.

  • alyatech
    Replied on June 5, 2015 at 4:21 PM

    Hello, thank you for your answer.

    but, i do that. i copy the code and add to CSS but not its changed.

    thank you a lot.

     

  • Boris
    Replied on June 5, 2015 at 4:34 PM

    Could you please attach a screenshot of the issue that you are seeing, so that we may better understand what the issue might be, and so that we may be able to better assist you in resolving the issue.

    Thank you.