Title: Buttons stack on mobile
Last modified: May 25, 2022

---

# Buttons stack on mobile

 *  Resolved [Johan WALTER](https://wordpress.org/support/users/johan_walter/)
 * (@johan_walter)
 * [4 years ago](https://wordpress.org/support/topic/buttons-stack-on-mobile/)
 * Hi
 * Is it possible to consider to have option “Stack on mobile” on block BUTTONS ?
 * This option has been added on block COLUMNS (empiler sur mobile = stack on mobile)
   
   SCREENSHOT [https://ibb.co/X2PHRPC](https://ibb.co/X2PHRPC)
 * There are option on block BUTTONS but when we have more than 1 button, it does
   not behave nicely on mobile ; buttons stay on same line in spite of option “allow
   to wrap to multiple lines”, buttons getting narrower and text inside get on different
   lines.
    SCREENSHOT [https://ibb.co/FbfKbsG](https://ibb.co/FbfKbsG) Desktop [https://ibb.co/DVkm60Q](https://ibb.co/DVkm60Q)
   Mobile [https://ibb.co/B6V3pKf](https://ibb.co/B6V3pKf)
 * Thanks
 * Regards
 * Johan

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

 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [4 years ago](https://wordpress.org/support/topic/buttons-stack-on-mobile/#post-15696840)
 * Hi there! I found this existing enhancement request for Gutenberg in the GitHub
   repo, which is where bugs and enhancements to Gutenberg are tracked.
 * Is it what you had in mind? If so, feel free to add to the issue, or just click
   the Subscribe button in the right-hand column to follow the progress.
 * [https://github.com/WordPress/gutenberg/issues/33917](https://github.com/WordPress/gutenberg/issues/33917)
 * In the meantime, could you try putting each button into a column? That would 
   cause the buttons to stack on mobile.
 *  Thread Starter [Johan WALTER](https://wordpress.org/support/users/johan_walter/)
 * (@johan_walter)
 * [4 years ago](https://wordpress.org/support/topic/buttons-stack-on-mobile/#post-15721992)
 * Hi
 * Each button into one column do the trick. There is a large space on desktop between
   the 2 buttons, but it is acceptable
 * I am not sue the issue on Github is the same, it is “Buttons to Full width on
   Mobile Devices” but it does not give detail about how it looks on desktop.
    My
   issue makes the difference between buttons aligned on desktop and stack on mobile
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [4 years ago](https://wordpress.org/support/topic/buttons-stack-on-mobile/#post-15723614)
 * Thanks for letting me know that putting the buttons into columns worked.
 * As for the gap on mobile, you could try right-aligning the first button to bring
   it closer, like this:
 * [⌊Add New Page Self hosted Test WordPress⌉⌊Add New Page Self hosted Test WordPress⌉[
 * I’ll mark this thread as resolved for now since it sound like you have a workaround
   for the time being. I also added this forum thread to the existing enhancement
   request.

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

The topic ‘Buttons stack on mobile’ is closed to new replies.

 * ![](https://ps.w.org/gutenberg/assets/icon-256x256.jpg?rev=1776042)
 * [Gutenberg](https://wordpress.org/plugins/gutenberg/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gutenberg/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gutenberg/)
 * [Active Topics](https://wordpress.org/support/plugin/gutenberg/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gutenberg/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gutenberg/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * Last activity: [4 years ago](https://wordpress.org/support/topic/buttons-stack-on-mobile/#post-15723614)
 * Status: resolved