My form is having an issue in responsive view.

  • Profile Image
    cheryllynn0129
    Asked on August 08, 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

  • Profile Image
    Welvin
    Answered on August 08, 2015 at 07: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.

    Thanks

  • Profile Image
    cheryllynn0129
    Answered on August 08, 2015 at 08: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.

  • Profile Image
    Welvin
    Answered on August 09, 2015 at 07:13 AM

    That's great to know! :)

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

    Thanks