Logo image is cut off on mobile devices

Hello, I cannot figure out how to make the logo display properly on mobile devices. The right-hand half gets cut off. Attempts to change the CSS have not been successful. Please see the attached screenshot.

Additionally, is there a way to increase the Header text point size beyond Default/Large/Small?

I appreciate any help you can provide!

To address your second question, if by "Header text point size" you mean the font size of the header, then yes there is a way. You can do it by injecting the following CSS into your form:

#header_1.form_header{

   font-size: 40px;

}

Note that the 40px is just there for the sake of testing. You can implement any specific size value/unit you would like.

As for the first question.

While I can't be sure that it will work since I cannot check your form, this is the CSS I used to fix a similar problem:

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

   .form-all::before{

    background-size: 100% 100%;

   }

}

I hope this helps!

In addition to BornaSepic, here's how to inject custom CSS codes to your form.

http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

There's also a small error in Borna's CSS code for the header. Update it with the following.

#header_1.form-header{

    font-size:40px;

}