Can't Type in Fields with Blue Envelope Theme

I love this theme, but for some reason it's not allowing me to type in the fields.

Also, when I try to use it, it's not properly centered, and only pieces of it show up on my site. 

Here's my link.

Hi there,

To beat this problem, you need to add custom CSS rule to your form. Below, you will find the related CSS, please copy&paste it to your form by using the provided method.

.form-input-wide {

    position: static !important;

}

After adding it, you will see the form is starting to work. If you need anything else, please do let us know.

Regards.

Thank you. I decided to just do a new one, and I can type in it now. But unfortunately, it keeps stretching on my cell phone and looking all weird. I tried making it responsive but it does not change? How can I make it stay the same as on the desktop?

Here is the link to my webpage: http://www.toliverbancroft.com/#!apply-for-a-merchant-cash-advance/c1z0v

Currently, the width of the iFrame embed code has set to "100%", that's why it is stretching the form when it is on mobile. To beat this issue, you need to change the iFrame embed code just like the below:

<iframe

id="JotFormIFrame"

onDISABLEDload="window.parent.scrollTo(0,0)"

allowtransparency="true"

src="https://form.jotform.com/60843043098153" frameborder="0"

style="width: 628px;

height: 790px;

border: none;"

scrolling="no">

</iframe> 

As it is seen from the above, changing the "width" as "628px" will solve this problem and also, you can use the one from the above. If you encounter any error, please do let us know.

Regards.

Thanks again. But on my cell phone, it still stretches and you cannot properly see the design of the envelope. It only stays put on a desktop. 

In this case, please try to enable the "Mobile Responsive" option in "Properties". See the steps from the below:

On my tests, it loads properly on mobile, you can see the screenshot from the below:

I hope this one will fix the problem. Please, do let us know the results.

Regards.

Thank you. That works, however it causes my screen to pull down to the top of the form when I hit the next button. 

When I use source code instead of iframe code, this keeps it from jumping down. But then I'm back to the original issue of it not being centered.

This should be fixed by adding ?nojump to the URL of the embedded form, the final iframe code that you should embed looks like this: 

<iframe

id="JotFormIFrame"

onDISABLEDload="window.parent.scrollTo(0,0)"

allowtransparency="true"

src="https://form.jotform.com/60843043098153?nojump" frameborder="0"

style="width: 628px;

height: 790px;

border: none;"

scrolling="no">

</iframe> 

Do let us know how it goes with this change.