Jump to content

How do I "truly" center text in mobile for a summary block?

Recommended Posts

Site URL: https://rwspresents.com/shows


I would like to have the excerpt text actually center justified in mobile view, and the code I was provided isn't quire doing it properly.. Take a look at the screenshot below or visit: https://rwspresents.com/shows on mobile or under 640px

This is what I'm using to center justify the block, but for some reason the individual titles are justifying as well...

// center justify on mobike //
@media screen and (max-width: 640px) {
h1, h2, h3, p { 
   text-align: center !important;
.sqs-block-button * {
    text-align: center !important;
// center summary block mobile //
@media screen and (max-width:640px) {
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
   width: 100% !important;


Screen Shot 2022-10-09 at 6.06.51 PM.png

Edited by subliminalsf
found partial fix
Link to comment
  • subliminalsf changed the title to How do I "truly" center text in mobile for a summary block?
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.