How can I center this text just on mobile?

Craig456 · September 20, 2022

Password is "password".

On my homepage on mobile, I want to center the subtext under my H1 - "Grow your organic traffic and revenue with highly personalized SEO strategies that produce first-page results."

However, I want to keep it left-aligned on desktop. How can I do this?

Edited September 20, 2022 by Craig456

Ziggy · September 21, 2022

You need to use a media query in the Custom CSS to target mobile (using screen max-width), and then target the text block with the block ID, and then set the text alignment to center:

@media screen and (max-width:749px) {
  #block-yui_3_17_2_1_1660700494123_911821 {
    text-align:center !important;
  }
}

Let me know if that works for you!

Craig456 · September 22, 2022

That worked, thanks so much!

How can I center this text just on mobile?

Recommended Posts

Craig456

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Ziggy

Link to comment

Craig456

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources