Title: Form Width & Position – Responsive Help
Last modified: June 19, 2017

---

# Form Width & Position – Responsive Help

 *  Resolved [dalai2017](https://wordpress.org/support/users/dalai2017/)
 * (@dalai2017)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/form-width-position-responsive-help/)
 * Hi Jess,
    One more form puzzle, here. I am having a similar responsive problem
   with one of my other forms: [http://dalaigroup.com/services/digital-ux/](http://dalaigroup.com/services/digital-ux/)
   First, the button is not responsive on mobile.
 * The field information and the submit button should be the same streamline width,
   as demonstrated by the current pixel settings. Both the field information and
   the button need to be responsive for mobile devices, so I should be using percentages…
   but the form should not take up the full width of the page.
 * So, there are 2 new variables. 1) The field information and the button should
   only have a width of about 75% of the page. 2) The form information and button
   should be centered on the page.
 * I’ve tried to incorporate all of this and things ended up misaligned or unresponsive
   on my phone. Here’s what I have set up currently. Any help is appreciated!
 * #wpforms-15737 .wpforms-field-container {
    max-width: 800px !important; margin:
   0 auto !important; }
 * #wpforms-15737 .wpforms-submit-container {
    text-align:center; }
 * #wpforms-15737 .wpforms-submit {
    width: 800px !important; border-radius: 600px!
   important; }
 * #wpforms-15737 .wpforms-form input, .wpforms-form textarea{
    border: none !important;
   border-bottom: 1px solid #cbcbcb !important; }
 * #wpforms-15737 .wpforms-form textarea{
    height: 38px !important; resize: none!
   important; }

Viewing 1 replies (of 1 total)

 *  [Jess Quig](https://wordpress.org/support/users/jquigam/)
 * (@jquigam)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/form-width-position-responsive-help/#post-9242199)
 * Hi dalai2017,
 * It looks like you posted this question twice, and I’ve replied on your previous
   thread here: [https://wordpress.org/support/topic/responsive-full-width-submit-button/](https://wordpress.org/support/topic/responsive-full-width-submit-button/)
 * I’m going to go ahead and close this thread, but please feel free to reply over
   on that other one! Thanks 🙂

Viewing 1 replies (of 1 total)

The topic ‘Form Width & Position – Responsive Help’ is closed to new replies.

 * ![](https://ps.w.org/wpforms-lite/assets/icon.svg?rev=3254748)
 * [WPForms - Easy Form Builder for WordPress - Contact Forms, Payment Forms, Surveys, & More](https://wordpress.org/plugins/wpforms-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpforms-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpforms-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/wpforms-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpforms-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpforms-lite/reviews/)

## Tags

 * [form position](https://wordpress.org/support/topic-tag/form-position/)
 * [form width](https://wordpress.org/support/topic-tag/form-width/)

 * 1 reply
 * 2 participants
 * Last reply from: [Jess Quig](https://wordpress.org/support/users/jquigam/)
 * Last activity: [8 years, 11 months ago](https://wordpress.org/support/topic/form-width-position-responsive-help/#post-9242199)
 * Status: resolved