How do I change the navigation font size in Squarespace?

Navigation link font size is controlled by the .header-nav-item a selector. You can set it to any size, but keep readability in mind — nav links below 14px get hard to click and read.

The mobile menu uses different selectors, so set its font size separately. Mobile nav links should generally be larger than desktop for easier tap targets.

/* Desktop navigation */
.header-nav-item a {
  font-size: 16px !important;
  letter-spacing: 0.5px;
}

/* Mobile navigation */
@media screen and (max-width: 767px) {
  .header-menu-nav-list a {
    font-size: 20px !important;
  }
}