Change logo to fit on mobile devices

  • abpools
    Asked on September 5, 2018 at 12:22 PM

    On the form builder, logo is centered and fits perfectly on the desktop form preview. Is there a way to keep the size of the logo as it is right now when on desktop view, but make it smaller on a mobile device so that it will all fit on the screen?

    Photos of desktop view and mobile view are attached.1536164508Capture1 Screenshot 10

    Jotform Thread 1572123 Screenshot
    Page URL: https://form.jotform.com/abpools/cincosouth-wm
  • Adrian
    Replied on September 5, 2018 at 1:34 PM

    I have added the following CSS to your form to fix this.

    @media (max-width: 700px) {
      div.form-all {
        margin-top: 100px !important;
      }
      div.form-all:before {
        top: -100px !important;
        background-size: contain;
      }
    }


    Result:

    Change logo to fit on mobile devices Image 10

    Please check again and let us know if you need further assistance.