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

  • Profile Image
    tgross
    Asked on December 29, 2016 at 01: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

  • Profile Image
    Kevin_G
    Answered on December 29, 2016 at 02: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: 

    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.