How to make the form responsive without elongating it?

Hi, I entered the CSS as seen on this page: http://www.jotform.com/answers/240130-How-to-make-the-form-mobile-responsive which has worked perfectly to make the form responsive however it has also placed each box in the form on a new line even when viewed on a large screen  e.g. there is a new line for the day and month and year in the date section. This makes the form very long and not very professional looking when viewed on the computer screen. Is it possible to change this? Thanks!

Hi,

Please remove the codes from the form and try to use our mobile responsive widget instead: http://widgets.jotform.com/widget/mobile_responsive.

Here's how you can -Add-a-Widget-to-your-Form.

Update us here for the result.

Thank you!

Hi, thanks, the widget does work but when viewed on my webpage on my desk top the form is very long with large gaps in between all the fields, it does not look like this on the JotForm preview.... Here are pictures of it with and without the widget activated:

Not sure if this how you want your form will look on mobile.

Can you please test this form http://form.jotformpro.com/form/42561344238958.

You can clone that if you want the settings of that form.