Skip to content
All Answers
Layout

How do I vertically center content in a Squarespace section?

Squarespace 7.1 sections don't vertically center content by default. Using flexbox on the content wrapper with a minimum height creates a hero-style centered layout.

Set the section to a specific min-height (like 80vh for most of the viewport) and use align-items: center to push content to the vertical middle of the section.

[data-section-id="YOUR_SECTION_ID"] .content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  text-align: center;
}
[data-section-id="YOUR_SECTION_ID"] .content-wrapper > * {
  width: 100%;
}
Generate this with our Section BuilderTry it free →

Related Questions

Layout

How do I change the section padding in Squarespace?

Layout

How do I make a section full width in Squarespace?

Layout

How do I hide a section on mobile in Squarespace?

Layout

How do I center content vertically in a Squarespace section?

A little over your head?

No shame — this stuff is hard. Let the pros handle it.

Long Drive MarketingTalk to Long Drive Marketing →