Submit button not visible while filling embedded form on iPhones

Customers with an iPhone cannot use our "Submit Invoice" form. The "Submit" option at the bottom does not show.

I tested the link that you have shared above on an iPhone and was able to replicate the issue. The Submit button is indeed not visible.

Please embed the form on your web page using the iFrame code: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

This should resolve the issue.

Please test and let us know if the issue is persisting.

It appears we still have the issue. Is there something more we can do?
Regards,
...

I can replicate the issue at my end.

Please try using only the iFrame part of the code and leave out the script part.

But, as you can see below, the height does not match with what is there under the <div> element i.e. it is set at 1622 px. Please reduce this height or ask your web developer to do so.

We are using a website builder. Please change the HTML code so we can embed it into our website builder since this is what we started with. And it works great except for on an iPhone.
Regards,
...

The form height is dynamic, it might be a bit different on different devices. Since the placeholder element is set to a specific height in your website, it does not fit your form on the iPhone.

If possible, remove the specified height from the placeholder element to make it dynamic. Another option is to increase the height a bit.

What do you suggest I put for height / how do I make it dynamic or should the number in the height go up or down? This is what is in our website builder - that hasn’t been published. I need to know exactly how to experiment with this as I am not an expert at all, obviously.

...

If this is possible in your website builder, remove the height value to keep the element dynamic.

Alternatively, try increasing the height value to 2080px.

I removed the value in the height field but did not test for publishing because I noticed the form has the “Hour” misplaced. Can this be fixed?
[cid:image011.png@01D5962D.A5EA5430][cid:image012.png@01D5962D.A5EA5430][cid:image013.jpg@01D5962D.A5EA5430]
Regards,

...

Regarding the height of the form, if we eliminated a line or two on the form, would that solve the height issue?
Regards,

...

I have added a bit of CSS to your form in order to fix the positioning of the Hour text, and also set the Question Spacing to 8 pixels to make your form more compact.

The Submit button seems to be showing up now on the iPhone too.

In case you would like to increase the question spacing on the desktop view, and decrease it on the mobile view only, we can do this with CSS.

So at this point, do I embed this with the Iframe or as the embed code as shown below:

Thank you!

...

You may keep using the iframe code. The iframe code is universal and works on most platforms, so we do recommend it.

I just now published the iFrame code but the few people in the office today don’t have an iPhone. Can you check to see if it works?
Thank you,

...

So now the Submit Button is not on an Android phone. I don’t have an iPhone to check right now. I copied in the iFrame code a few minutes ago.
Regards,

...

Let’s take off the Address Line 2 and Resume Upload. Will that work better?
Regards,

...

Looks like the height of the form placeholder element on your website has been changed. It was 1979px, but now it is 1579px.

Is this possible to change it back to 1979px in your website editor?

I think I got it! Check your iPhone!
Regards,
...

Great, looks good on Android and iOS now.