Form not displaying properly on phone or desktop

  • Profile Image
    alyatech
    Asked on June 05, 2015 at 11:16 AM

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

     

  • Profile Image
    Boris
    Answered on June 05, 2015 at 02: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.

    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.

    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;
      }
    }

    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.

  • Profile Image
    alyatech
    Answered on June 05, 2015 at 04: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.

     

  • Profile Image
    Boris
    Answered on June 05, 2015 at 04: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.