How can we change the incorrect resizing of our submit button?

  • tesssweet
    Asked on August 6, 2017 at 3:42 PM

    Our SUBMIT button looks like this when the phone is turned sideways:How can we change the incorrect resizing of our submit button? Image 1 Screenshot 20

    Jotform Thread 1217143 Screenshot
  • Welvin Support Team Lead
    Replied on August 6, 2017 at 4:11 PM

    Inject the following custom CSS codes to your form:

    @media only screen and (min-device-width: 550px) {

    button#input_2 {

        max-width: 250px !important;

    }

    }

     

    Or, you may consider adjusting the width of the textboxes to make it 100% responsive. You can inject the following custom CSS codes to do it:

    @media only screen and (max-device-width: 768px) {

    .form-textbox {

        max-width: 100% !important;

    }

    [data-type="control_email"] .form-input-wide, [data-type="control_textbox"] .form-input-wide {

        max-width: 100% !important;

    }

    }

    Please follow the steps on this guide to inject the custom CSS codes: 

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

  • tesssweet
    Replied on August 6, 2017 at 5:52 PM

    Now this happens:How can we change the incorrect resizing of our submit button? Image 1 Screenshot 20

     

    ???

  • Welvin Support Team Lead
    Replied on August 6, 2017 at 6:01 PM

    It's fine here. Please try viewing the form using an actual device instead of the emulator.