Hi,
I have a site that I'm building at this temp url http://davidedwards.co.nz/contact.html
I have tried a pop up form and a form in an iframe (CC form settings) but on a iphone or android the form doesn't display correctly and it can't be filled out.
The whole template is responsive and the form is a responsive form but it gets covered by the footer.

Anybody see a mistake or have a code change that may fix it.

Thanks

I can fill out part of the form. You must be referring to the fact that you can't totally fill it out. Looks to be that the div it's wrapped in isn't expanding down. You can see the same thing happen when you minimize your pc screen.

Yes I see the normal method of using an iframe causes the problem. How do I embed just the form html on the contact page. How much of the html code do I need and how to change the code to work from there.

I'll keep on trying this end but it looks like just adding a normal form maybe the answer.

Cheers

It's been awhile since I put my form up, should of made notes on this
It's responsive and is in an Iframe.

What I did is this... (You need to have the Web Developer Toolbar or someway to measure items on the screen, maybe right-click and inspect element? I also use Firefox's responsive design view).

In the Iframe code, you should have the width at 100% and the height at the actual form height in px.
View online and resize the browser for 320px. This is where you need to be able to check the form size, while it's in a single column screen view.
For example, my form height is 617 px. On a 320px wide viewport, a good portion was cut off by the footer, but the Web Dev-Inspect Element option tells me it's actually 711px high at that width.
So back in the Iframe code I changed the height to 711px. The form still displays at 617px high in full screen view – everything looks normal, but it's free to re-size anywhere within that 617 – 711px range as the width changes.

I don't know if this matters, but I have nothing between the bottom of the form and the footer.
I scrounged around Google trying to find a 'proper' way to do this, but didn't find anything. This is working for me, but I'd like to know how it should actually be done.

I have a website that I just put up where there's 9 responsive forms on the same page and they all are responsive. Each form is wrapped in a div but I have no height or width declared. I let the form determine that. Sorry the page is behind a login system so no link.

So, tease us with your 9 perfect forms while we struggle to have just one display!

If i don't specify a height, only a full-width sliver of the top of the form shows. Same with height: auto;
It's within a div. I tried plopping the Iframe in with no div. I also tried giving it a class so I could throw some desperate CSS at it All the !importants on the planet wouldn't faze it.
My forms behave just like Dave's form above.

Could this have something to do with a form being on SDrive rather than all the code embedded in the site? I just wonder if this has something to do with it being 'held' in an Iframe?

To me it looks as if the <p> isn't expanding. The only thing on my page is the forms and their all in iframes. Their all stacked up and when you squeeze the browser they elongate and stack elements.

Thought of creating a blank page – no other info on it at all – just to hold the form. Then I'd have to link to the form page. Just seems it should be able to work within a normal page environement without amateur work-arounds.
My form displays fine, but it's positioned to the left of the page and I've kept it as small as possible to begin with. There's text to the right and it slides under the form when the page width shrinks. It just has to start out at full-width with nothing under the form.

Dave, have you tried anything else? Come up with anything?

Nearly there, it is the iframe causing the problem and I have seen it quite often in mobile phones coffeecup or not.
Now I can't get it to process but at least it resizes to iphones and probably to other smart phones.
Actually it would be cool if the form builder created the code to embed into the html rather than just to an iframe or pop up window (never liked iframes at all!) The site was built off a clever template that took very little time to fire up, the form has taken at least triple the time and counting to embed.
The template is designed to adjust itself to fit many screen sizes and worked perfectly until I added the form.
Linking directly to the form /akaroanz/akaroanz.html works fine but I want to wrap the form in the actual page with all the site buttons links etc.

You should be able to grab the actual html and paste it into your page.