When you add a long caption on a button, the button becomes wider than the screen on mobile devices. Please see attaches screenshot for more information.

I've tested this on AN Hero block and on the hero section of landing pages, so please check / fix both.

CommentFileSizeAuthor
#2 after (1).png187.87 KBsaurabh.dhariwal
#2 buttons_with_long_caption_on_mobile_2956050_2.patch431 bytessaurabh.dhariwal
mobile.jpg82.4 KBjochemvn

Comments

jochemvn created an issue. See original summary.

saurabh.dhariwal’s picture

saurabh.dhariwal commented
Status: Active » Needs review
StatusFileSize
new buttons_with_long_caption_on_mobile_2956050_2.patch431 bytes
new after (1).png187.87 KB

@jochemvn, Please Find my attached patch, in which I tried to resolve this issue, Also find an attached image which I attached after using my patch.
Thanks!..

Serhiy Chornobay’s picture

Serhiy Chornobay commented

Remove white-space: nowrap for all buttons.

Please find pull request here:
https://github.com/goalgorilla/open_social/pull/825

jaapjan’s picture

jaapjan commented
Status: Needs review » Fixed

  • Serhiy Chornobay authored 1b1a01e on 8.x-2.x 
    Issue #2956050 by serhiy-chornobay: Remove white-space for buttons (#825...

  • Serhiy Chornobay authored 1b1a01e on 8.x-1.x 
    Issue #2956050 by serhiy-chornobay: Remove white-space for buttons (#825...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.