Center Align Button on Mobile

cmography · March 10, 2020

I have a button on my home page that doesn't automatically center on mobile, There are other buttons on the page that center properly, but not this on for some reason. See attachment. Any CSS I can add to make this button center?

Here is the block id for that button if it helps:

#block-yui_3_17_2_1_1558096319367_9901

cmography · March 10, 2020

This solved it!

@media(max-width: 1220px) {
  .homepage .sqs-block-button .sqs-block-button-container--left {
    text-align: center;
  }
}

sophiaojha · April 20, 2022

Thank you for posting your solution. This is exactly what I was searching for today!!!

Center Align Button on Mobile

Recommended Posts

cmography

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

cmography

Posted Images

cmography

Link to comment

sophiaojha

Link to comment

Create an account or sign in to comment

News

cmography

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources