Aligning fields in mobile view

  • Profile Image
    mybackcracker
    Asked on November 27, 2017 at 10:05 AM

    I am trying to optimize my forms for mobile. I used the widget and advanced form builder to try to keep things centered on this form. I didn't adjust everything yet but can you tell me  the best way to build forms to keep then centered in mobile?

    The first image , in the mobile view, is still shifted to the left. How do I keep it, anmd other items, centered?

    Thanks 

  • Profile Image
    Richie_P
    Answered on November 27, 2017 at 11:27 AM

    Hi,

    I have checked your form and you're right, the first image is shifted to the left in mobile view.

    But other fields used by the mobile widget is aligning correctly. Usually with this issues we can use custom css to fix it. https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Here is the custom css :

    @media  (max-width: 480px)
    {
    .jotform-form {
     width: 320px;
    }
    }

    I hope this information helps you.

    Best Regards.