Submit Button on FF,Chrome and Safari have different size?

  • Profile Image
    thomanek
    Asked on November 16, 2015 at 11:24 AM

    Hi,

    I see my form on FF, Chrome and Safari and the submit button have the same lenght like the text field. Why?

    On JotForm builder I see the standard size..and I like it so!

    URL: http://slidertest.magix.net/CM/kontakt.htm

    Thanks for feedback?

  • Profile Image
    Ben
    Answered on November 16, 2015 at 01:48 PM

    You are most likely referring to the submit button size shown to you when you see the form directly: https://form.jotformeu.com/41914332909355

    The reason why it is different on your website is because the mobile option has been activated for you.

    When this activates, your fields will expand to fill out 100% of your form.

    To make sure that your form shows the submit button on your website as it does directly, but without modifying the form over the direct link completely, my suggestion is to add this CSS:

    @media screen and (min-width:440px) and (max-width:440px) {
     #input_2 {
        width: 98px;
     }
    }

    You can add it to your form by following these step: Inject Custom CSS Codes

    Do just add the CSS at the bottom of all other CSS codes in your form.

    Do let us know how it goes.