Mobile responsiveness of the dropdown and single text entry fields

2. When people access the page from their mobile, the text / dropdown boxes length are out of order - the width I set for the form seems to only work on the desktop version but not mobile version. Please see comparison of the two screenshots. e.g. 'Borrowing Needs' field should be slightly longer (correct in the desktop version on page 1) but very narrow on mobile (page2). In contrast, the ‘Maximum Deposit Contribution' box are too long on mobile but right on desktop version.

I was able to see the issue as well.

To fix, please add this CSS codes on your form.

@media screen and (max-width: 480px)

{

#cid_267,#cid_299,#cid_327 {

width: 100% !important;

}

}

result:

Let us know if this did not work.

Thanks. Where do I add this? And it is for every box that not the right size?
...

To add the custom CSS code provided by my colleague, please follow this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Please check it and let us know what other box did not change so we can check it further.

Thanks very much. Awesome.
...