Building a site header
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
|
|
|
|
|
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 |