Mobile order

The design of the columns and rows affects the order as so,

1. 1st row 1st column
2. 1st row 2nd column
…
n. 1st row nth column
n+1. 2nd row 1st column
n+2. 2nd row 2nd column
…
n+n. 2nd row nth column

and so on.

Thanks, but not sure I understand, I can’t replace the order?

no, you have to design the order in the form itself.

The form layout uses pure CSS to layout the columns and rows and as such the collapse of the columns are in the order in which they are marketup in HTML and handled by the browser.

Re-ordering them would require a js script which would slow down the page.

if you have a 2 col, 2 row form

Name field | Tel field
Email field | message field

it will collapse as

Name
Tel
Email
Message

If you want to change the order to say

Name
Message
Tel
Email

then you need to design your form as

Name | Message
Tel | Email

Thanks