Logo is not scaling on mobile device

https://form.jotform.com/82624853962163

How can I get our logo to look right on mobile devices?

You can try these custom CSS to make your logo mobile responsive.

@media (max-width: 600px) {

  .form-all:before {

    height: 150px;

    top: -160px;

    background-size: contain;

  }

  .form-all {

    margin-top: 150px !important;

  }

}


Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

sample screenshot:

Thank you.

Thank you Richie. That works great with vertical mobile and on iPad. The horizontal mobile is still a bit off but it is greatly improved and I can live with it if there's no other piece of code to add.  ;-) 

You can add these CSS code to adjust the logo in landscape view.

@media screen   and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  .form-all:before {

    height: 230px;

    top: -230px;

    background-size: contain;

  }

  .form-all {

    margin-top: 250px !important;

  }

}

}