How can I make my logo responsive?

  • Profile Image
    hatikva
    Asked on January 01, 2018 at 07:42 AM

    The logo image does not adapt with the device or orientation. On the phone you only see part of the larger image. 

    Is there a way to make the logo responsive as well?

  • Profile Image
    Adrian
    Answered on January 01, 2018 at 09:53 AM

    You can add some custom CSS to fix that.

    Here is my solution: https://form.jotform.com/80004294907959

    If you want that result, Inject the CSS code you see below:


    @media (max-width: 600px) {

      .form-all:before {

        height: 150px;

        top: -160px;

        background-size: contain;

      }

      .form-all {

        margin-top: 150px !important;

      }

    }


    Here is a guide on How to Inject Custom CSS Codes


    There is also a solution where you remove your logo and add it as an image using the image component in your form.

    DEMO: https://form.jotform.com/80003609507954

  • Profile Image
    hatikva
    Answered on January 01, 2018 at 10:22 AM

    Thanks