Form width: form goes wider when viewed sideways on mobile

  • SignatureCleaning
    Asked on December 18, 2017 at 8:36 AM

    What is the trick for this form to be viewed correctly on all previews? 


    https://form.jotform.com/73507222385253

    Page URL: https://form.jotform.com/73507222385253
  • agonhasani
    Replied on December 18, 2017 at 8:42 AM

    If you want your form to stay the same width on all devices, you can achieve that by Injecting some lines of Custom CSS Code.

    Here is the code that you need to inject:

    .form-all {
        width:     320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
     
    Here is a guide on How to Inject Custom CSS to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
     
  • aubreybourke
    Replied on December 18, 2017 at 9:37 AM

    Thank you @agonhasani

    Does that answer your question @onecleanbean?

    Please get back to us if you require any further assistance.

  • SignatureCleaning
    Replied on December 18, 2017 at 9:43 AM
    I did that and it still looks like this: [cid:image001.png@01D377D4.C565EDC0]
    ...
  • aubreybourke
    Replied on December 18, 2017 at 9:45 AM

    Sorry your image didn't come through there. Can you please try again?

    How-to-Post-Screenshots-to-Our-Support-Forum