Responsive refers to the automated styling of your form depending on the size of the visitor's display. This is necessary to increase the usability for visitors on all platforms including desktop and laptop computers, tablets, and web-enabled phones. In addition to resizing the elements so that they're visible, some elements rely on size and position to be usable with touchscreens.
All forms are automatically responsive to support all device sizes. You do not need to do anything to make your form optimized for mobile devices.
Formsite uses media queries for responsive styling, which can be further customized on the "Form Editor->Style" page then clicking the "Advanced" tab.
If you wish to customize your CSS for your entire form, you can make your changes to the existing CSS and it will apply for all views. If you wish to customize a certain view—the smartphone view, for example—then that's where the media queries come in.
Add the following code to the bottom of the CSS before the closing </style>:
Embedded forms is a very popular feature to create a seamless presentation of your Formsite form into your web page. One method is to embed the form into a small box on the page, which may cause the responsive media queries to trigger. A new parameter has been added to the Embed Code to control the responsiveness of your form:
This parameter controls whether the form should be responsive or not. If you experience trouble with your form layout or styling and you are embedding your form into a smaller than full-width container, try setting this parameter to false.
Editing the "Style" page outside of the "Advanced" tab after making changes there may remove the code that was entered into the CSS Style field. We recommend only making changes in the "Advanced" tab after making all other design changes.