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

  • Jessica_Macaulay
    Asked on February 16, 2021 at 6: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

    Page URL: https://form.jotform.com/210466215724047
  • Zahra_S
    Replied 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 Screenshot 10

    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.