Mobile Form: Why logo is not responsive in my form?

  • Profile Image
    Jessica_Macaulay
    Asked on February 16, 2021 at 06:04 PM

    Hi,

    I've created a form but I can't get my logo to resize correctly when viewing in mobile do you know what code I should be adding in?

    Thanks

  • Profile Image
    Zahra_S
    Answered on February 16, 2021 at 10:53 PM

    Hello Jessica,

    Thank you for reaching out to us.

    Please add the following CSS code in your form:

    @media screen and (max-width: 600px){
    .form-all:before {
     top: -110px !important;
    }
    img.formLogoImg {
     max-width: 100%;
     height: auto !important;
    }
    }

    Guide: How to Inject Custom CSS Codes

    Result:

    1613533902_602c92ce040aa_

    I see that you have added some CSS code to your form. Please remove that; otherwise, the above CSS might not work.

    Feel free to contact us if you need further assistance.