Logo is showing correctly when using mobile device

  • NREMC
    Asked on June 3, 2025 at 9:43 AM

    Good morning!

    I'm having trouble with my logo being scrunched when I view my survey on a phone. (Photo attached)

    Logo is showing correctly when using mobile device Image 1 Screenshot 30

    I have tried messing with the dimensions on the logo and have "keep aspect ratio" selected

    Logo is showing correctly when using mobile device Image 2 Screenshot 41


    What can I do to help our logo look less distorted? Thank you for your help!

    Miriam Kline

  • Danilo JotForm Support
    Replied on June 3, 2025 at 9:59 AM

    Hi Miriam,

    Thanks for reaching out to Jotform Support. You can easily fix this by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    @media screen and (max-width: 480px){
    img.form-page-cover-image {
       height: auto;
    }
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Logo is showing correctly when using mobile device Image 1 Screenshot 20

    Give it a try and let us know how it goes.

Your Reply