My Submit Button is Not Responsive

  • foundsheep
    Asked on July 2, 2015 at 4:16 PM

    I've set my preferences to be responsive and the form layout to be responsive in the designer but the button is not resizing. Help please.

    Jotform Thread 602082 Screenshot
    Page URL: http://www.renovateseo.com/free-website-report/
  • David JotForm Support Manager
    Replied on July 2, 2015 at 5:49 PM

    Can you please try adding the mobile responsive widget?

    My Submit Button is Not Responsive Image 1 Screenshot 30

    The submit button should adjust to the mobile screen:

    My Submit Button is Not Responsive Image 2 Screenshot 41

  • foundsheep
    Replied on July 6, 2015 at 9:47 AM

    Added the widget but the button is still on resizing.

  • David JotForm Support Manager
    Replied on July 6, 2015 at 11:17 AM

    In what mobile device are you viewing it?

    Please try injecting the following CSS code in your form as explained on this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

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

    .form-submit-button{

    width: 100% !important;

    }

    }

    This should fix the problem:

    My Submit Button is Not Responsive Image 1 Screenshot 20

    Let us know if you need more help, we will be glad to assist you.

  • foundsheep
    Replied on July 6, 2015 at 11:51 AM

    Working now. I am on a iPhone 6.

    Only issue left is the button color is now gray. It should be red with white text.

    Thanks.

  • Welvin Support Team Lead
    Replied on July 6, 2015 at 12:34 PM

    Great!

    For the button color issue, will look at it and will give you the answer here: http://www.jotform.com/answers/603947. 

    Thanks