Simple List Button Alignment Error on Mobile 7.1

When using Simple List block on 7.1, the buttons align to the right, even though every setting indicates it should align centered. 

It's been an issue for some time now, but I'm just now looking into it. Is this a Squarespace issue? Is there a setting I'm missing? I can't figure it out. 

Site in question (although I've seen it happen in other places I also use Simple List blocks) is https://hilarybeckwith.com/services

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
#siteWrapper .user-items-list-item-container.user-items-list-simple[data-button-font-unit="rem"] .list-item-content__button {
    left: unset !important;
}
.user-items-list-simple[data-button-alignment="center"] .list-item-content__button-container {
    max-width: unset !important;
}
}

13 hours ago, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
#siteWrapper .user-items-list-item-container.user-items-list-simple[data-button-font-unit="rem"] .list-item-content__button {
    left: unset !important;
}
.user-items-list-simple[data-button-alignment="center"] .list-item-content__button-container {
    max-width: unset !important;
}
}

 

Thank you, I will try it for now. But is there a way to fix this WITHOUT using custom code?

It SHOULD already be doing this according to the settings - are you (or is anyone) aware of a setting option that I might be missing? Or is this an error within Squarespace?

9 minutes ago, hilaryb said:

Thank you, I will try it for now. But is there a way to fix this WITHOUT using custom code?

It SHOULD already be doing this according to the settings - are you (or is anyone) aware of a setting option that I might be missing? Or is this an error within Squarespace?

Also, code did not work.

On 4/14/2024 at 3:24 AM, hilaryb said:

Also, code did not work.

Can you add & keep code in CSS box? We can check it again easier