Title: Mobile devices
Last modified: February 20, 2019

---

# Mobile devices

 *  Resolved [Icarez](https://wordpress.org/support/users/icarez/)
 * (@icarez)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/mobile-devices-32/)
 * Hi there!
 * I figured out how to use the plugin but theres something i can’t resolve even
   by reading alot on this support forum.
    The columns look great on a desktop now,
   but on my mobile phone the fields are 100% width and this looks stupid… there
   should be atleast like 10px margin on left and right to center it nicely. I got
   an edge screen and i almost need to read arround the corner. Can you tell me 
   how to resolve this using custom CSS or going into the text part of the builder
   and adding code there?
 * Sincerely,
    Patrick

Viewing 1 replies (of 1 total)

 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/mobile-devices-32/#post-11234072)
 * > The columns look great on a desktop now, but on my mobile phone the fields 
   > are 100% width and this looks stupid… there should be atleast like 10px margin
   > on left and right to center it nicely. I got an edge screen and i almost need
   > to read arround the corner.
 * that’s the default styling you are seeing. The plugin sets up columns on 780+
   screen wdths and drops to single columns below that, ie on mobile screens the
   multi=columns are collapsed into single columns.
 * However, the actually styling of these columns in a mobile screen is left to 
   the theme to accomplish. This is what most users want and expect as some themes
   incorporate styling for forms too.
 * So you need to implement margins for your form fields if your theme is not doing
   this for you.

Viewing 1 replies (of 1 total)

The topic ‘Mobile devices’ 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/)

 * 1 reply
 * 2 participants
 * Last reply from: [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/mobile-devices-32/#post-11234072)
 * Status: resolved