My form is having an issue in responsive view.

  • cheryllynn0129
    Asked on August 8, 2015 at 12:53 PM

    When the screen size shrinks, the form cuts off and the last few options including the submit button no longer show. Is this an issue with css in the jot form or can I correct it in my wrap through dreamweaver? I already tried on my end but couldn't seem to make the change. If it's not a jot form css issue, I'll keep trying.

    Thanks

    Cheryl

    Jotform Thread 632561 Screenshot
    Page URL: http://allstarwaterheaters.com/appointments.html
  • Welvin Support Team Lead
    Replied on August 8, 2015 at 7:32 PM

    Hi Cheryl,

    Inject the following custom CSS codes to your form:

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

    .form-all {

        width: 90% !important;

        margin-left: 0;

     

    }

    }

    Here's how to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Please make sure to add it to the bottom part, after the existing codes.

    Then simply adjust your iframe height from 948px to 1230px.

    My form is having an issue in responsive view Screenshot 20

    Thanks

  • cheryllynn0129
    Replied on August 8, 2015 at 8:49 PM

    Thank you for your response. I was able to inject the css code but I'm not sure how to get into the iframe to change the height.

    Can you expound on that please?

     

    Never mind... I found it.

  • Welvin Support Team Lead
    Replied on August 9, 2015 at 7:13 AM

    That's great to know! :)

    Please contact us again if we can help in any way.

    Thanks