Header is larger than the rest of the form on mobile devices

  • tgross
    Asked on December 29, 2016 at 1:23 PM

    When viewing the form on mobile devices, the header text and image extend well to the right of the rest of the form.

    Please help. Thanks.

    Tim

  • Kevin Support Team Lead
    Replied on December 29, 2016 at 2:42 PM

    I have checked your form https://form.jotform.com/63625105952152 and I can see what you're referring to, what I would suggest you is to inject this CSS code to your form: 

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

        .form-all {

            top: -115px;

        }

        .form-all:before {

            top: -182px;

            background-size: 100% auto;

        }

    }

    This guide will help you to inject the code: How-to-Inject-Custom-CSS-Codes

    This is how the image should be displayed once the code is injected: 

    Header is larger than the rest of the form on mobile devices Image 1 Screenshot 20

    Here's also the link to my cloned form where I have applied the code: https://form.jotform.com/63635441134956

    Please if you have any question, let us know.