The logo in my form blocks the background image in mobile view

Hello,

When I view my form on my iphone, the logo is covering the models entire head, on my laptop, it looks fine.

How can I correct this?

Do I need to download the app in order for this to work correctly?

Thank you,

Angie

Hi Angie,

Thanks for reaching out to Jotform Support. It is easy to achieve what you need by implying Custom CSS codes. Let me show you how:

1. Open your form in Form Builder.
2. Click on the Paint Roller icon on the top-right side of the page.
3. Go to the Styles tab, copy and paste the code below into the field under Inject Custom CSS.

@media only screen and (max-width: 600px) {

 .formLogoImg {

  width:40%;

  height:40%;

 }

}

4. Click on Save, and that's it.

This will make the logo a bit smaller only when your form is viewed on mobile devices.

We also have a guide about How to Inject Custom CSS Codes that you can check out.

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