> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/beginners-guide/create-your-front-page/header/header-template-part.md).

# Header Template Part

The header is designed in the Themer so the first thing we need to do is to locate the Cwicly Themer in the Dashboard.

## Open Themer

* Navigate to the Dashboard.
* Find Cwicly and open the Themer.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2F7mUg4ZIQukqmoGxF3Y3l%2Fcwiclly%20themer.jpg?alt=media&amp;token=82131ad2-6180-4069-a0fe-cbee1f5d1707" alt=""><figcaption></figcaption></figure>

## Add Header Template Part

Next, we need to add a Header Template Part.

* Open Parts.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2F50BcDISfMEjsSUp4SwUG%2Fparts%20.jpg?alt=media&amp;token=097140e5-ae3c-4269-8519-9c4920a64d22" alt=""><figcaption></figcaption></figure>

* Find "header" and click the Edit icon to to edit the header template part.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FdNDcX3kMSuHrCkYneFOS%2Fedit%20header.jpg?alt=media&amp;token=cdd672a6-787e-482f-90ed-5b9d689a586e" alt=""><figcaption></figcaption></figure>

## Site Editor

This opens the Site Editor where you can design or import a Header (Navigation) from the library.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FkmM3QUPhw3ohJVhLKZkt%2Fsite%20editor.jpg?alt=media&amp;token=eef12d3d-f541-4c2d-822b-4bc690884874" alt=""><figcaption></figcaption></figure>

The footer should now look something like this.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FUkvL8qbnhS0Oh16tMmPt%2Fheader.jpg?alt=media&amp;token=80f4c5bf-942d-4d25-8e85-49d934a819b7" alt=""><figcaption></figcaption></figure>

## Save

Remember to Save your header.

* Click the "Save" button in the Top Bar.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FlL8zY2uaHuZcmMnDwJOV%2Fsave%20header.jpg?alt=media&amp;token=dc23df44-715d-4f99-a358-500716cc40bf" alt=""><figcaption></figcaption></figure>

## View

To view your site, navigate to the Dashboard and click the "View Site" icon.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FlVhT7Hs79qQG2I6pmx5y%2Fvisit%20site.jpg?alt=media&amp;token=8cb3869e-0e78-4b88-b6bf-2cfe9537be67" alt=""><figcaption></figcaption></figure>

The Front End should now look something like this, with a header and content.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FbQFymZxDuZjhaSDVNPOQ%2Fview%20header.jpg?alt=media&amp;token=d11d09c6-c8bf-4c6c-91e4-08ff409aadd2" alt=""><figcaption></figcaption></figure>
