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

  • Profile Image
    tesssweet
    Asked on August 06, 2017 at 03:42 PM

    Our SUBMIT button looks like this when the phone is turned sideways:

  • Profile Image
    Welvin
    Answered on August 06, 2017 at 04: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 

  • Profile Image
    tesssweet
    Answered on August 06, 2017 at 05:52 PM

    Now this happens:

     

    ???

  • Profile Image
    Welvin
    Answered on August 06, 2017 at 06:01 PM

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