Title: Mobile order
Last modified: July 5, 2022

---

# Mobile order

 *  Resolved [mstudioIL](https://wordpress.org/support/users/mstudioil/)
 * (@mstudioil)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/mobile-order/)
 * In mobile the fields are one on top of the other.
    How can I control the order
   of them?

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/mobile-order/#post-15897812)
 * 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.
 *  Thread Starter [mstudioIL](https://wordpress.org/support/users/mstudioil/)
 * (@mstudioil)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/mobile-order/#post-15899626)
 * Thanks, but not sure I understand, I can’t replace the order?
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/mobile-order/#post-15899855)
 * 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.
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/mobile-order/#post-15899863)
 * 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
 *  Thread Starter [mstudioIL](https://wordpress.org/support/users/mstudioil/)
 * (@mstudioil)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/mobile-order/#post-15899922)
 * Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile order’ is closed to new replies.

 * ![](https://ps.w.org/cf7-grid-layout/assets/icon-256x256.png?rev=1834229)
 * [Smart Grid-Layout Design for Contact Form 7](https://wordpress.org/plugins/cf7-grid-layout/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cf7-grid-layout/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cf7-grid-layout/)
 * [Active Topics](https://wordpress.org/support/plugin/cf7-grid-layout/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cf7-grid-layout/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cf7-grid-layout/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [mstudioIL](https://wordpress.org/support/users/mstudioil/)
 * Last activity: [3 years, 9 months ago](https://wordpress.org/support/topic/mobile-order/#post-15899922)
 * Status: resolved