Buttons stack on mobile

  • Resolved Johan WALTER

    (@johan_walter)


    2 years, 10 months ago

    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

    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
    Desktop https://ibb.co/DVkm60Q
    Mobile https://ibb.co/B6V3pKf

    Thanks

    Regards

    Johan

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    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

    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

    (@johan_walter)

    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

    (@zoonini)

    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

    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.