How to reorder submit and print buttons?

  • sochabags
    Asked on February 13, 2018 at 4:11 AM

    Dear Jotform team,

    your forms are really great and I'm using them to collect orders from my customers. Pls have a look at my quick order form http://sochadesign.com/onlineorder/

    the buttons "absenden -drucken" are partially hidden when using a mobile device! In my opinion, the buttons should be displayed one below the other.

    How can I solve that problem!

    Best Regards

    Jürgen Socha


    Page URL: http://sochadesign.com/onlineorder/
  • mksglu
    Replied on February 13, 2018 at 7:10 AM

    To reorder these buttons on mobile devices, please inject these custom CSS codes to your form by following this user guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


    @media screen and (min-width: 100px) and (max-width: 480px) { .form-buttons-wrapper{ display: flex; flex-direction: column; } }

    I have injected these custom CSS codes to my cloned form and it works. You can also check my cloned form at the following link:

    https://form.jotform.com/80432306523952


    You can also clone it on your end: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 


    1518523819buttons responsive Screenshot 10