Change logo to fit on mobile devices

  • Profile Image
    abpools
    Asked on September 05, 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.JPG

  • Profile Image
    Adrian
    Answered on September 05, 2018 at 01: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:

    15361688811.png

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