Not the moral use of Gravity Form

Hi

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.

Thanks

Mark

https://testmenu3.menupot.com/solutionjqm/jqmv75/

the plain page template is here that we are emdedding in JQM

https://menupot.com/testbasket2

Hi

Thanks rob for the quick reply.

Firstly typo in title, that should be usual, not moral. DOH.

Checked your link, there rendering fine there, but still not on smartphone. Simulators are not the same.

Mark

Hi

media queries are a fix, but with JQM, i should not need to.

Mark