Hello @klingbeil
The plugin expand the files on small screens to make easier to enter the data.
However, you have two alternatives to preserve the columns on small screens (like mobile devices). Instead of selecting the number of columns in the DIV field that contains the fields, you can select the “1 Column” option and assign the col-xs-3
class name directly through the “Add CSS Layout Keywords” attribute of contained fields:
https://youtu.be/G8Of-V49pAQ
However, this process can be tiresome. It requires that you enter the class name through the settings of every field.
An easier alternative would be to rewrite the plugin styles.
Our plugin includes the “Customize Form Design” attribute in the “Form Settings” tab. It is a CSS editor with syntax highlighting and error checking. If you selected the “4 columns” option in the DIV fields, you can enter the style definition below through the “Customize Form Design” attribute to preserve the columns in mobiles.
#fbuilder .column4{width:25% !important;clear:none !important;float:left !important;}
#fbuilder .column4 input,
#fbuilder .column4 select,
#fbuilder .column4 textarea{max-width:100% !important;}
Best regards.