The jotform is cut of at the bottom when embedded on my WordPress website

When I reload a page it shows the hidden fields for a brief moment which looks un professional. I have embedded the source code into a wordpress widget. So basically every time refresh the page the hidden fields appear then disappear. Is there a way of fixing this? here is the link to the page with the form on the right. Thanks!

i have changed it to an iframe now and seems to be working better, although the iphone/mobile view, cuts the form off now at the bottom hmm

Please inject this code into your jotform:

div.form-all {
    width: 100%;
}

and then embed it using the iframe method, but using this code:

<style>@media screen and (min-width: 767px) and (max-width: 769px) { #JotFormIFrame {min-height:540px} }@media screen and (min-width: 799px) and (max-width: 801px) { #JotFormIFrame {min-height:470px} }</style>
<iframe frameborder="0" scrolling="auto" style="width:100%; height:350px; border:none;" src="//form.jotformpro.com/form/50137709539965" allowtransparency="true" onDISABLEDload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>

Do let us know how it goes.