Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hi,

    The plugin was designed for adjusting the fields sizes in small screens, however if you want to preserve the design of the forms in all the screens’ sizes, please, follow the steps below:

    1. Open the “/wp-content/plugins/calculated-fields-form/css/stylepublic.css” file with the text editor of your choice.

    2. Remove the style definition:

    @media screen and (max-width: 640px){
    #fbuilder .small,
    #fbuilder .medium{width:100% !important;}
    }

    and paste the following styles definitions at the end of the file’s content:

    #fbuilder .fields.column2{float:left;width:49.9%;}
    #fbuilder .fields.column3{float:left;width:33.3%;}
    #fbuilder .fields.column4{float:left;width:24.9%;}

    3. Finally, clear the browser’s cache, after edit the online file.

    Best regards.

Viewing 1 replies (of 1 total)

The topic ‘Make form appear nicely on mobile’ is closed to new replies.