End of Form being clipped in smartphone/tablet environment

I have had similar problem before but cannot seem to sort this  one out.

With respect to the screen shot below:-

The form can be viewed on the following page:-

http://glandoreyc.com/classic/index

and all seems fine, however if you look at the same page on a smartphone or tablet with smaller displays the Submit button is missing, or you can just see part of the Submit Button.

This is a CSS issue i believe and there is Additional CSS installed in this form , but unfortunately my knowledge of CSS is not great so i cannot work out what is wrong.

Help Please?

thx

John.

Could you please try adding a min-height attribute in your iFrame embed code.

Here's an example of mine:

<iframe

      id="JotFormIFrame"

      onDISABLEDload="window.parent.scrollTo(0,0)"

      allowtransparency="true"

      src="https://form.jotform.com/60451903436957"

      frameborder="0"

      style="width:100%;

      height:259px;

      min-height: 250px;

      border:none;"

      scrolling="no">

    </iframe>

Just add a min-height attribute inside in your existing iFrame code, see if that works. If it is still cut off, try increasing the min-height attribute, make sure that the existing height attribute is not lower than the min-height.

We'll wait for your response.

OK, Thanks i changed to a min height and the form is now operating more reliably.

Thanks

On behalf of my colleague, you are welcome.

If you have any other question please do not hesitate contacting us. We will be glad to help.