How can I make my form mobile friendly?

  • Profile Image
    lisamoore
    Asked on October 25, 2017 at 05:41 PM

    My jotform looks great on my mac, but isn't aligned correctly from my mobile.  Is there a special link I need to use that is mobile friendly?

  • Profile Image
    lumiardian
    Answered on October 25, 2017 at 08:21 PM

    Please put this CSS Code in Custom CSS area:

    @media (max-width:434px){

     .form-line {

         margin: 0 auto !important;

     }


     #id_8 {

         text-align: right !important;

     }

    }


    On this link you will find on how to inject Custom CSS Code.

  • Profile Image
    Jim_R
    Answered on October 26, 2017 at 02:20 AM

    @lisamoore - Your form looked like this on mobile as of writing this reply.

    If you will go with @lumiardian's suggestions, it will look like this after applying the CSS codes he provided:

    Related guide: How-to-Inject-Custom-CSS-Codes 

    Please give that a spin and let us know if you face any problems.