Centre Buttons on Mobile only css

Site URL: https://kierrawalters.squarespace.com/home

Hi there, 

I'm needing to centre the buttons on mobile only and can't seem to find the css that will work for this. 

Can someone please let me know what would work? 🙂

The page password is KJWDesign

Thank you 

You are using new editor (Fluid Engine), so you can edit page > Click Mobile icon on top right > Drag it to center. This won't affect desktop

I'm curious about this too. I'd like to change buttons to Align Horizontally on mobile only. You can drag the button around on mobile without affecting desktop, yes, but changing the alignment affects both mobile and desktop. 

It's interesting because this isn't the case with changing the vertical alignment.

On 9/6/2022 at 4:15 AM, ehershberger said:

I'm curious about this too. I'd like to change buttons to Align Horizontally on mobile only. You can drag the button around on mobile without affecting desktop, yes, but changing the alignment affects both mobile and desktop. 

It's interesting because this isn't the case with changing the vertical alignment.

This cod for above site

@media screen and (max-width:767px) {
.button-block .sqs-block-button-container {
    justify-content: center;
    text-align: center;
    flex-direction: column;
}
}