Unexpected gap below cover image

  • helenmarshall
    Asked on September 23, 2018 at 3:20 PM

    Dear JF, on mobile view, there's an unexpected gap under the cover image on the following form

    https://form.jotformeu.com/82321926258358


    I think all settings are correct, any idea of what may be causing the problem

    Many thanks

  • Adrian
    Replied on September 23, 2018 at 5:23 PM

    Please inject the following CSS to your form to fix that.

    @media (max-width: 500px) {
      div.form-all {
        margin-top: 200px !important;
      }
      div.form-all:before {
        background-position: bottom center;
      }
    }

    @media (max-width: 400px) {
      div.form-all {
        margin-top: 180px !important;
      }
    }

    @media (max-width: 350px) {
      div.form-all {
        margin-top: 160px !important;
      }
    }


    Help Article: How-to-Inject-Custom-CSS-Codes

    Result in a Cloned Form Demo: https://form.jotform.com/82656452963972


  • helenmarshall
    Replied on September 23, 2018 at 5:45 PM

    Many thanks indeed, working so far!