For some reason when I scale my browser window back the bottom of the form gets cut off on the page. The elements all scale properly but it looks like the iframe doesn't scale and cuts off the reCAPTCHA and the bottom of the form. Not sure how to go about fixing this? I used Firebug and tried several different responsive iframe techniques but am now exhausted. Can you take a look at the web page and provide some insight into what is happening?

Thanks,
Kenny

http://dgicreative.com/contact-us

Did you alter the iframe script from the original supplied by the form builder?

No I did not alter the script. I copied it in exactly as it supposed to be. I updated the 4 paths as instructed and saved. I'm using Joomla with the JCE editor installed and pasted the code into the WYSIWYG editor. I updated JCE so that iframes, javascript, php etc are all allowed. The form shows up perfectly and also submits perfectly and I receive the submitted requests just fine as well. Only problem is at the mobile widths the form gets hidden for some reason that I cannot figure out why. I use Firebug and tried adding z-index, relative positioning and all sorts of techniques to get the iframe and even surrounding divs but still doesn't work.

Try dropping the js script code that surrounds the iframe code that the form builder supplies.

Tried that yesterday and it did the same thing? I read in a post that its good to have both anyway for compatibility sake.

I see you have your form code wrapped in a paragraph. Try removing that.

The WYSIWYG editor keeps adding the <p> tags back in after I save the article in Joomla. Not sure how to get around this? I paste the code into the editor via the html paste option. I'm worry if I switch the editor to tinymce in Joomla from Global Config that it will mess up a lot of my articles. Maybe I'll create an akeeba backup first then go in and switch the editor to Codemirror like the CoffeeCup article states to do. Then after the form code is pasted and the article is saved. Change the editor back to JCE in Global Config???? Your thoughts?

See if this post helps.
http://www.coffeecup.com/forums/web-for … joomla-7x/

I went in and pasted the code via the database and the form is stilling cutting off when I scale the browser window down to mobile size. I also tried the wrapper method. The only way to show the whole form is to set the height to a large pixel amount but then the desktop version is left with a ton of white space under the form!!! Ugh. Any other way to add the form without using an iframe? Do you know what assets/code that I would need to paste into the WYSIWYG editor (html toggle ON of course) without using the iframe and what links I'd need to update within the form so that it functions properly? I'm guessing the only way the coffeecup form is going to work in my case is to paste the form without using an iframe?????

Eric,
I've exhausted what I know to try so I've set the iframe to 1136 pixel height to compensate for the mobile shifting of the form. I hate that the main website has to have so much white space between the footer and the main body but I just cannot figure out any other method to adding the form. Unless, I can get a clear instruction from CoffeeCup as to how to add the form without using an iframe I guess it will have to do???

Thanks for your guidance thus far. I kinda feel like I'm not the only one with this responsive form issue???

Kindly,
Kenny