How do I center the logo in the Squarespace header?

Squarespace 7.1 header layouts don't always offer a centered logo option in the design panel. You can force it with CSS by making the header a flex container and centering the logo element.

If you have navigation items on both sides, you may need to use absolute positioning on the logo instead so the nav items don't push it off-center.

#header .header-inner {
  display: flex !important;
  justify-content: center !important;
  position: relative;
}

#header .header-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* Keep nav items in their normal positions */
#header .header-nav {
  position: relative;
  z-index: 1;
}