Logo not responsive on mobile

Sorry, I've read the other posts related to this topic but can't get it working. The logo at the top of my form needs to shrink for mobile device.  How do I do that? I'm guessing I just need to know the magical CSS code :-)

Thanks!

We will be glad to help you with your concern. But please give me some time to have the necessary CSS codes needed in your form to meet your requirements. I'll get back to you on this thread as soon as I have the solution. Thank you for understanding.

Here are the CSS codes that you need to inject into your form to achieve what you described above.

@media (max-width: 600px)  {

  .form-all:before {

    height: 141px;

    top: -141px;

    background-size: contain;

  }

  .form-all {

    margin-top: 141px !important;

  }

}

To inject custom CSS codes to your form, please follow the instructions in this guide — How-to-Inject-Custom-CSS-Codes

I hope this helps. If you have other questions or concerns, please do not hesitate to let us know.

Yay, it worked! Thanks so much.