I have a contact form on the main page of http://word.ovenmagic.me/contact-us-2/ (not the ones in the sidebar.)
it shows fine on laptop and tablet, but smartphone size the form goes on top of all the aspects of the site (interestingly if you shrink the page on a laptop the form dissapears into a small box.)
I used the code from the form builder software and I've looked here for help but can't find anything.
It's lamost like there's a </div> missing but adding it moves the sidebar.
The code for the form is <script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"testing2.php" + window.location.search + "\" width=\"212\" height=\"1439\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"testing2.php\" title=\"testing2\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="212" height="1439" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="testing2/testing2.html">
<a href="testing2.php" title="testing2">Check out my CoffeeCup Form</a>
</iframe>
</noscript>
Any help would be greatly appreciated.
Thanks in advance.