How can I make my form display on Mobile devices properly?

  • Profile Image
    Pansing
    Asked on January 24, 2018 at 10:21 PM

    Hi, my form is not showing up on mobile properly. However on Desktop it is fine. 


     I have checked your support forums and found this. 

    https://www.jotform.com/help/322-Deprecated-How-to-make-mobile-friendly-forms-on-JotForm


    But Make this form responsive  is not available on my form. 

    Please help! what can I do? 


    Thank you. 

     
  • Profile Image
    ashwin_d
    Answered on January 25, 2018 at 04:41 AM

    I have injected the following custom css code in your form and that seems to have fixed this issue:

    .form-section.page-section {

    padding : 0px 5px 0px 5px !important;

    }

    Please check the screenshot below of your form:

    1516873226mobileScreen.gif

    Hope this helps.

    Do test your form and get back to us if the issue persists. 

  • Profile Image
    Pansing
    Answered on January 26, 2018 at 04:37 AM

    It is working alright now. Thank you very much for you help. 


    For future forms to fix the alignment on mobile view I just have to inject this same css code? 

  • Profile Image
    ashwin_d
    Answered on January 26, 2018 at 05:50 AM

    You are welcome and I am glad that it is working fine now. 

    No you cannot use the same custom css code in all form. It depends on the form theme and the fields you have added in form. Please note that forms are by default responsive but sometime it is not displayed correctly because of the already injected css code or form theme. Do get back to us if you have any trouble and we will try to help you.

    We will wait for your response.