How to make buttons responsive

Permalink Browser Info Environment
Hi there,

I was wondering what I am supposed to do to make the buttons responsive? When I shrink my browser the text disappears into the white background because the span is in it's own field and not flowing with the background block. How can I make it so the button expands in size to be able to compensate with the lines of text?


Type: Pre-Sale
Status: Resolved
View Replies:
mnakalay replied on at Permalink Reply

Actually the buttons are responsive and the text is flowing but it is really meant to be a 1 line text at all time because of the way it is centered vertically.

The text is centered vertically using line-height. So if the button has a height of 50px the script gives it a line-height of 50px as well so the text is centered vertically.

The result is when the button shrinks too much, the text wraps to the next line which is then 50px below the first one, so outside the button.

You should choose a button size that accommodates the space available.
mnakalay replied on at Permalink Reply
I just had a better look and you are right, when using an icon at the left or right of the button (not of the text) the text doesn't wrap.

With an icon at the left or right of the text or no icon, the text wraps normally following the behavior I described above

concrete5 Environment Information


Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.