Edit and preview content side-by-side with our new Live Preview
Hygraph
Classic Docs

Headers & footers overview

#Overview

In this section, you will find recipes that you can use to create headers and footers using different field configurations.

RecipeDescription
Footer with linksLearn how to create a footer with links
Footer with sectionsLearn how to create a footer with columns as sections
Header with linksLearn how to create a header with links
Header with notificationLearn how to create a header with a notifications line at the top

#Headers & footers cookbook

#Clone the basic project

We have prepared a project that contains all the base schema elements you need to create your headers & footers, in case you don't want to build them from scratch:

Clone this project

If you decide to clone this project, you can skip the base schema elements creation part of this cookbook's tutorials, and start from the final step in each recipe.

#Clone project

#Clone the basic project

We have prepared a project that contains all the base schema elements you need to create your headers & footers, in case you don't want to build them from scratch:

Clone this project

If you decide to clone this project, you can skip the base schema elements creation part of these tutorials, and start from the final step in each recipe.

#Clone the complete cookbook

We have prepared a project that contains the entire Headers & footers cookbook:

Clone this project

This cookbook contains all the recipes we have so far to create headers & footers, so you can compare the different field configurations without having to clone multiple projects.