JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
My "Contact Information" form doesn't look right on mobile devices.Asked by BlueGlobe on September 16, 2015 at 05:04 PM
All of the fields and the buttons are stretched out. The "Phone Number" field is what looks the worst, it's confusing to anyone viewing from a mobile device.
I tried to view with my iPad2 and iPhone6. Both display the same results.
Please help. I want to look professional to prospective employees/contractors.
I have changed the form to "Responsive" but only worked on the iPhone6 in Portrait. In landscape, the fields are stretched out. I've viewed with Safari and Google Chrome...same results.
Can you please check now? If you'll go the designer and check the CSS section, you will see that I have added a few custom CSS codes there:
They are a mobile CSS query. I hope that works.
Thank you. That fixed the view on the iPhone6 but not the iPad.
I'll have to get familiar with the CSS settings.
When I go into the CSS helper, it doesn't show any content, like your screen shot showed. How do I access the same contect?
I have adjusted the custom CSS codes for mobile devices. The codes are in the CSS tab. You should be able to view it because that is your form.
In the form builder, you should click the "Designer" button:
In the designer, simply click "CSS" tab to view the custom CSS codes: