Logo not responsive on mobile

  • Profile Image
    vwsgiftcard
    Asked on April 07, 2018 at 12:00 AM

    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!

  • Profile Image
    Mike_G
    Answered on April 07, 2018 at 09:53 AM

    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.

  • Profile Image
    Mike_G
    Answered on April 07, 2018 at 10:49 AM

    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.

  • Profile Image
    vwsgiftcard
    Answered on April 07, 2018 at 04:04 PM

    Yay, it worked! Thanks so much.