Upload Button - How to Center & Full-Width

  • dgwhitebird
    Asked on November 16, 2017 at 10:59 AM

    on the desktop view the button is centered and full-width, but on mobile it is pushed right outside the form.

    I want the button to be centered and full-width on mobile, same as desktop.

    Jotform Thread 1300476 Screenshot
  • David JotForm Support
    Replied on November 16, 2017 at 12:18 PM

    Add the following code to your form to adjust the width of the file upload button on mobile:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    @media screen and (min-width: 10px) and (max-width: 680px){

       .qq-upload-button {
           width: 200px;
       }

    }

    Adjust the width value to suit your needs.