Can button blocks be full-width?

Hi, I’m trying to make a button block full-width, so that each of the first two buttons span the entire screen width like the “Go!” button at the bottom.

image

I’ve tried this link, but unfortunately it doesn’t work:

Custom CSS class: widebtn

CSS:
.widebtn button{
max-width: 100%
}

Can someone point out to me what I’m doing wrong?

Class name: maxBtnWidth

.mobile-layer [data-testid="wire-container-maxBtnWidth"] .button-box > * {
min-width: 100%;
}
2 Likes

Man, thank you so much!

I removed the “.mobile-layer” so that it also works in desktop (e.g. in a side-panel or overlay view). It works perfectly

[data-testid="wire-container-maxBtnWidth"] .button-box > * {
  min-width: 100%;
}
1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.