How to make the form responsive without elongating it?

  • Profile Image
    Asked on September 13, 2014 at 10:00 AM

    Hi, I entered the CSS as seen on this page: 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!

  • Profile Image
    Answered on September 13, 2014 at 01:01 PM


    Please remove the codes from the form and try to use our mobile responsive widget instead:

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

    Update us here for the result.

    Thank you!

  • Profile Image
    Answered on September 13, 2014 at 06:56 PM

    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:

  • Profile Image
    Answered on September 14, 2014 at 04:45 AM

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

    Can you please test this form

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