SOLVED: Button's text not responsive

Bugs
1

Bricks Version: 1.3.7
Browser: Brave [Version 1.38.109 Chromium: 101.0.4951.41 (Official Build) (64-bit)]
OS: Windows
URL: (Branding ✦ Websites ✦ Growth Suite by Women Studio)

Hi! Not sure if it’s a bug but text in buttons doesn’t go back to the next line on smaller screens
image
I haven’t added any fancy settings, just styled the font in the theme editor.
Am I missing something?
Thanks!

2

Hi Jo,
Thanks so much for your report!

The no-wrap is caused by the default white-space: nowrap setting on .bricks-button. I am not sure for what reason this feature is there but will consult with Thomas.

In the meantime, you can simply assign the following custom CSS to your button:

root {
  white-space: normal; 
  line-height: 1.4; /* increase or decrease the line-height to your needs */
}

Edit: We’re going to remove the default white-space setting in 1.4 :slight_smile:

Best regards,
timmse

3

Thanks a lot again, timmse!

1 Like