Title: make submit button responsive / full width
Last modified: September 13, 2019

---

# make submit button responsive / full width

 *  Resolved [hdd](https://wordpress.org/support/users/hdd/)
 * (@hdd)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/)
 * Hi,
 * how to make the submit button responsive for mobile users?
    I want this button
   have the same size (full width) as the input boxes.
 * [https://ibb.co/Cwrtw6j](https://ibb.co/Cwrtw6j)

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

 *  Plugin Support [Kima Baghdasaryan](https://wordpress.org/support/users/kimabaghdasaryan/)
 * (@kimabaghdasaryan)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-11933517)
 * Hi,
 * Could you please send the URL address of the page where the form is published?
   We will have a look as soon as possible and suggest a quick CSS solution.
 * Thank you!
 * Have a nice day!
 *  Thread Starter [hdd](https://wordpress.org/support/users/hdd/)
 * (@hdd)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-11941397)
 * Hi,
 * The form on the right side, same issue with another form on the homepage.
    [https://www.temporary-url.com/BACC](https://www.temporary-url.com/BACC)
 * thanks in advance
 *  Plugin Support [Zhanna Khachatryan](https://wordpress.org/support/users/zhannak/)
 * (@zhannak)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-11944686)
 * Hi [@hdd](https://wordpress.org/support/users/hdd/),
 * Thanks for the link.
 * Please add the below code in Appearance > Customize > Additional CSS section,
   clear website, and browser caches and check again.
 *     ```
       @media screen and (max-width:480px){
       .fm-form-container.fm-theme21 .fm-form .button-submit{
          width: 100% !important;
       }
       }
       ```
   
 *  Thread Starter [hdd](https://wordpress.org/support/users/hdd/)
 * (@hdd)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-11945248)
 * Doenst work, no changes.
    -  This reply was modified 6 years, 8 months ago by [hdd](https://wordpress.org/support/users/hdd/).
 *  Plugin Support [Zhanna Khachatryan](https://wordpress.org/support/users/zhannak/)
 * (@zhannak)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-11951493)
 * Dear [@hdd](https://wordpress.org/support/users/hdd/),
 * Please replace the above code with this one and check again:
 *     ```
       @media screen and (max-width: 480px){
       .fm-form-container.fm-theme21 #form11.fm-form .button-submit {
          width: 100% !important;
       }}
       ```
   
 *  Thread Starter [hdd](https://wordpress.org/support/users/hdd/)
 * (@hdd)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-11982300)
 * This is working, thank you.
 * But how can i also make the button responsive on the homepage? This is a different
   form.
 * [https://www.temporary-url.com/C02](https://www.temporary-url.com/C02)
 *  Plugin Support [Zhanna Khachatryan](https://wordpress.org/support/users/zhannak/)
 * (@zhannak)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-11993076)
 * Hi [@hdd](https://wordpress.org/support/users/hdd/),
 * I have just checked the form and it works OK from my end.
 * Can you please send me a screenshot to see the issue, also, please write on which
   device and browser you test the issue.
 *  Thread Starter [hdd](https://wordpress.org/support/users/hdd/)
 * (@hdd)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-11994004)
 * Iphone, safari browser. Its also not responsive in Google chrome
 * [https://ibb.co/Sc45tCB](https://ibb.co/Sc45tCB)
 *  Plugin Support [Zhanna Khachatryan](https://wordpress.org/support/users/zhannak/)
 * (@zhannak)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-12017072)
 * Hello [@hdd](https://wordpress.org/support/users/hdd/),
 * Please add this code in Appearance > Customize > Additional CSS section, clear
   website, and browser caches and check again.
 * .fm-form-builder .wdform_row{
    max-width: 100%; }
 *  Thread Starter [hdd](https://wordpress.org/support/users/hdd/)
 * (@hdd)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-12021345)
 * This is working! Thanks alot for your help.
 *  Plugin Support [Zhanna Khachatryan](https://wordpress.org/support/users/zhannak/)
 * (@zhannak)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-12026947)
 * Great [@hdd](https://wordpress.org/support/users/hdd/) !
 * Thanks for getting back to me.
 *  [amanzimtotihomes](https://wordpress.org/support/users/amanzimtotihomes/)
 * (@amanzimtotihomes)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-12195052)
 * I also need help with this please.
 * [https://frankandmike.co.za/seo/](https://frankandmike.co.za/seo/)
 *  Plugin Support [Zhanna Khachatryan](https://wordpress.org/support/users/zhannak/)
 * (@zhannak)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-12211230)
 * Hi [@amanzimtotihomes](https://wordpress.org/support/users/amanzimtotihomes/),
 * Please add this code in Appearance > Customize > Additional CSS section, clear
   website, and browser caches and check again.
 *     ```
       @media screen and (max-width: 480px){
       #form7 .button-submit {
          width: 100% !important;
       }}
       ```
   

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

The topic ‘make submit button responsive / full width’ is closed to new replies.

 * ![](https://ps.w.org/form-maker/assets/icon-256x256.png?rev=2068681)
 * [Form Maker by 10Web - Mobile-Friendly Drag & Drop Contact Form Builder](https://wordpress.org/plugins/form-maker/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/form-maker/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/form-maker/)
 * [Active Topics](https://wordpress.org/support/plugin/form-maker/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/form-maker/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/form-maker/reviews/)

 * 13 replies
 * 2 participants
 * Last reply from: [Zhanna Khachatryan](https://wordpress.org/support/users/zhannak/)
 * Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/make-submit-button-responsive-full-width/#post-12211230)
 * Status: resolved