We have have successfully embed a gravity form from a plain page template into a jquery mobile web app. We are looking for GF and WP to handle our back end registration and eCommerce functions.
The form is working well. However, we are having difficulty with the form size on smartphones. It renders well on desktops, but seems to be having an extra fixed width on smartphones.
Any ideas on the plain page CSS on how to fix this, so the form is auto width, regardless of screen size or device used.
link to our web app below, just hit basket (top left) and the GF will load. You will need to load it on a smartphone though to see our issue of the width
I appreciate that we have taken Gravity Forms out of what it has really been designed for, but any help would be appreciated.
the plain page template is here that we are emdedding in JQM