Title: Center Button in Responsive Layout
Last modified: September 1, 2016

---

# Center Button in Responsive Layout

 *  [farhan86a](https://wordpress.org/support/users/farhan86a/)
 * (@farhan86a)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/center-button-in-responsive-layout/)
 * Hi,
 * Here is my website [http://formsify.in/](http://formsify.in/)
 * I was able to create a clickable drop down button by inserting html into a column.
   To put that button in center I put two blank columns aside (right and left) the
   column having html code of the button. Now the centering of the button is fine(
   applied `margin-left:20px` to the html content) in the desktop mode of the layout
   but when I turn it responsive and reduce the screen size the button fails to 
   get centered.
 * What can I do to bring it right in the center in responsive layout too.
 * Thanks
 * [https://wordpress.org/plugins/beaver-builder-lite-version/](https://wordpress.org/plugins/beaver-builder-lite-version/)

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * (@hinampaksh)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/center-button-in-responsive-layout/#post-7589720)
 * Hey Farhan,
 * Thanks for getting in touch!
 * So the problem here is that you’re centering the button by manually placing margins
   on the sides. Setting the HTML wrapper to align center should take care of it.
 * Try setting those margins to 0, add the class **fl-center-html** to the HTML 
   module under **Advanced > CSS Selectors > Class**, then add the CSS snippet below
   under **Tools > Layout CSS/JS > CSS**.
 *     ```
       .fl-center-html .fl-html {
         text-align: center;
       }
       ```
   
 * Let us know how it goes! 🙂
 * Ben

Viewing 1 replies (of 1 total)

The topic ‘Center Button in Responsive Layout’ is closed to new replies.

 * ![](https://ps.w.org/beaver-builder-lite-version/assets/icon-256x256.png?rev=
   2361183)
 * [Beaver Builder Page Builder - Drag and Drop Website Builder](https://wordpress.org/plugins/beaver-builder-lite-version/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/beaver-builder-lite-version/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/beaver-builder-lite-version/)
 * [Active Topics](https://wordpress.org/support/plugin/beaver-builder-lite-version/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/beaver-builder-lite-version/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/beaver-builder-lite-version/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/center-button-in-responsive-layout/#post-7589720)
 * Status: not resolved