I'm trying to embed a mobile responsive form to show up full screen on phone.

... when I use jotform URL is shows full screen width, but when I embed, it show full length, which is very narrow.  Can I set what width the page shows up?

Here it is in jotform:

https://form.jotform.com/62615045123143

And here it is embedded (iframe):

http://http://www.meijerideas.com/input/test.html

Thanks!

It looks like the page where your form is embedded has a set margin which prevents the form from fully extending to the entire page. To resolve this, you will have to remove the margin on your website. To do so, please add the css below into your website where the form is embedded.

body {

    margin: 0px !important;

}

The form should now extend to its full width as seen below

Please let us know if you need further assistance.
Regards.

There's nothing in the test.html file except the embed code generated by the Jotform form. Do I have to write a whole HTML page, and then insert your "body" code? I'd rather than; if so, can you point me to a template?

Thanks!

Thank you for contacting us.

In order to avoid any further issue, I need you to clarify a point. 

When I clicked your site where your form was embedded ( http://www.meijerideas.com/input/test.html ),  The form is seen as the same as how it is seen on JotForm URL ( https://form.jotform.com/62615045123143). Did you make  any changing  on your code or something else? Since, The form located to your website appears now how you expect, right? 

If you would like to set your form width on your website, you may have a look following guidance. 

https://www.jotform.com/help/35-The-importance-of-form-widths

If none of these are not your concern, please give us a bit more details. 

Waiting for your return.