Building a site header

 Source Squarespace.com

Source Squarespace.com

Each Squarespace template is part of a "template family." Templates in a family share an underlying structure and functionality, although they may look very different.

Your site header is where your navigation and title or logo display. The header looks the same throughout your site and plays a big role in how visitors navigate and interact with your content. It's positioned at the top of most templates.


HEADER FEATURES

You can add these header features on any template, though the placement and design options vary.

Branding features

- Logo

Replace your site title with a logo image to represent your brand and help visitors navigate to your homepage.

- Shopping cart

Shows the number of items in a customer's cart and leads to their cart and checkout page.

- Site title

Like a logo image, the site title helps visitors navigate to your homepage.

Navigation features

- Navigation links

Links that direct visitors to your site content.

- Folders

Folders create drop-down menus of navigation links.


ADDITIONAL FEATURES IN SOME TEMPLATES

These special header features are available in some templates.

Navigation features

- Fixed header

Fixed headers stay in the same position at the top of the browser while you scroll down the page.

- Navigation overlay

In the Skye template family, when you click the ☰, it opens an overlay with your navigation links. Some mobile sites have an overlay.

- Secondary navigation

A second set of navigation links in the header, which you can give a separate style.

Branding and contact features

- LOGO POSITION

Some templates have the ability to position the logo centrally

- Social icons

Social icons encourage visitors to follow and connect with you on social media.

- Tag line

A short piece of text that tells visitors what your site is about.

Design features

- Background color

The header can have a different background color from the rest of your site in some templates.

- Buttons

A button creates a clear call to action.

- Search bar

Search fields help visitors find content on your site. In some templates, you can display a search bar in the header.


TABLE OF ALL SQUARESPACEHEADERS TEMPLATES

Template

Header

ADIRONDACK

Fixed / No Overlay Navigation / No Secondary Navigation / Logo Center / No Social Icons / No Tag Line / Background Color / No Button / No Search Bar

DEMO

AVENUE

No Fixed / No Overlay Navigation / Horizontal Layout + Position Top Left or Center or Right / No Secondary Navigation / Logo Left or Center or Right / No Social Icons / Tag Line / No Background Color / No Button / No Search Bar

DEMO

AVIATOR FAMILY

Aubrey, Aviator

No Fixed / Overlay Navigation / Vertical Layout + Position Top Left and Horizontal Layout + Position Top Center / No Secondary Navigation / Logo Center / Social Icons / Tag Line / No Background Color / No Button / No Search Bar

DEMO

BEDFORD FAMILY

Anya, Bedford, Bryant, Hayden

Fixed Index Page only / Overlay Navigation / Horizontal Layout + Position Top Right / Secondary Navigation / Logo Left / No Social Icons / No Tag Line / Background Color / Button / No Search Bar

DEMO

BRINE FAMILY

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

No Fixed / No Overlay Navigation / Horizontal Layout + Position Top Left or Center or Right / Secondary Navigation / Logo Left or Center or Right / Social Icons / Tag Line / Background Color / Button / Search Bar

DEMO

FARRO FAMILY

Farro, Haute

No Fixed / Overlay Navigation / Horizontal Layout + Position Top Left or Center or Right / Secondary Navigation / Logo Left or Center or Right / Social Icons / Tag Line / Background Color / No Button / Search Bar

DEMO

FLATIRON

Fixed / No Overlay Navigation / Horizontal Layout + Position Top Left / No Secondary Navigation / Logo Left or Right / No Social Icons / Tag Line / Background Color / No Button / No Search Bar

DEMO

FORTE

No Fixed / Overlay Navigation / Horizontal Layout + Position Top Right / No Secondary Navigation / Logo Left / Social Icons / Tag Line / No Background Color / No Button / No Search Bar

DEMO

GALAPAGOS

No Fixed / No Overlay Navigation / Horizontal Layout + Position Top Center / No Secondary Navigation / Logo Center / No Social Icons / Tag Line / Background Color / No Button / No Search Bar

DEMO

ISHIMOTO

No Fixed / No Overlay Navigation / Horizontal Layout + Position Top Left or Center or Right / No Secondary Navigation / Logo Left or Center or Right / No Social Icons / Tag Line / No Background Color / No Button / No Search Bar

DEMO

MOMENTUM

Fixed / No Overlay Navigation / Horizontal Layout in Footer / No Secondary Navigation / Logo Left / Social Icons / Tag Line / No Background Color / No Button / No Search Bar

DEMO

MONTAUK FAMILY

Julia, Kent, Montauk, Om

No Fixed / No Overlay Navigation / Horizontal Layout + Position Top Left or Center or Right / No Secondary Navigation / Logo Left or Center or Right / No Social Icons / Tag Line / No Background Color / No Button / No Search Bar DEMO

NATIVE

No Fixed / No Overlay Navigation / Horizontal Layout + Position Top Center / No Secondary Navigation / Logo Center / No Social Icons / Tag Line / No Background Color / No Button / No Search Bar DEMO

PACIFIC FAMILY

Charlotte, Fulton, Horizon, Naomi, Pacific

Fixed Index Only / Overlay Navigation / Horizontal Layout + Position Top Center / Secondary Navigation / Logo Center / No Social Icons / No Tag Line / Background Color / No Button / No Search Bar

DEMO

SKYE FAMILY

Foundry, Indigo, Ready, Tudor, Skye

Fixed / Overlay Navigation / Vertical Layout / No Secondary Navigation / Logo Center / Social Icons / Tag Line / No Background Color / No Button / Search Bar

DEMO

SUPPLY

Fixed / No Overlay Navigation / Vertical Layout / Secondary Navigation / Logo Left / Social Icons / Tag Line / Background Color / No Button / Search Bar

DEMO

TREMONT FAMILY

Camino, Carson, Henson, Tremont

No Fixed / Overlay Navigation / Horizontal Layout + Position Right or Left / No Secondary Navigation / Logo Left / Social Icons / Tag Line / No Background Color / No Button / No Search Bar

DEMO

WELLS

Fixed / No Overlay Navigation / Vertical Layout / Secondary Navigation / Logo Left / Social Icons / Tag Line / No Background Color / No Button / No Search Bar

DEMO

WEXLEY

No Fixed / No Overlay Navigation / Horizontal Layout + Position Top Left or Center or Right / No Secondary Navigation / Logo Left or Center or Right / No Social Icons / Tag Line / No Background Color / No Button / No Search Bar

DEMO

YORK FAMILY

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

No Fixed / No Overlay Navigation / Horizontal Layout + Position Top Left or Center or Right / Secondary Navigation / Logo Left or Center or Right / No Social Icons / Tag Line / No Background Color / No Button / No Search Bar

DEMO