# Header Menu

Access your blog **Layout** > and click on the **Edit Icon** > in the **Header Menu** gadget.

### Default Links and Sub Links

Default Link Example: `Features` 

SubLink Level 1 Example: `_Level 1` “Before the Title add 1 underscore” 

SubLink Level 2 Example: `__Level 2` “Before the Title add 2 underscore”

**Example:**

<figure><img src="https://content.gitbook.com/content/JoVhnsLwgc7ylgaqw6Gd/blobs/sjCVAxSeOIxTcAdBBFBc/image.png" alt="Sublinks" width="459"><figcaption></figcaption></figure>

{% hint style="info" %}
INFO: Level 2 Links must be between or below level 1 links.
{% endhint %}

### Menu Icons

This template uses Bootstrap Icons as the main icon source, so you can choose from thousands of awesome icons to use on your menu link.

Icon Code: `<i code="HTML Code"></i>`

#### How to get HTML Code?

{% stepper %}
{% step %}
Go to the [Bootstrap Icons Gallery](https://icons.getbootstrap.com/).

{% endstep %}

{% step %}
Search for the desired icon, then click on the icon to access the info page.

{% endstep %}

{% step %}
Copy the **HTML Code** available in the **Code Point** section as illustrated in the image below.

<img src="https://content.gitbook.com/content/JoVhnsLwgc7ylgaqw6Gd/blobs/WV8Rw1p7VW3Vljn9jFaj/image.png" alt="Bootstrap icon" data-size="original">
{% endstep %}

{% step %}
Edit the link text by adding the **Icon Code** as in the example below.

<img src="https://content.gitbook.com/content/JoVhnsLwgc7ylgaqw6Gd/blobs/zofNnpBEAa5qHAGlSamR/image.png" alt="Icon code" data-size="original">
{% endstep %}
{% endstepper %}

{% hint style="info" %}
INFO: Icons are currently not supported for sub links.
{% endhint %}

### Mega Menu

Shortcode: `{getPosts} $label={Label Name}`&#x20;

Label Name: `Custom Label`, `recent`

The `$label={}` attribute is optional! The default value is `recent`.

#### What is Label?

<figure><img src="https://787168730-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJoVhnsLwgc7ylgaqw6Gd%2Fuploads%2FKA0AdLzyNWDYQjPxtbhm%2Fimage.png?alt=media&#x26;token=dd6048bd-de4a-4a65-b01b-3c3a2c65f9ce" alt="Label name"><figcaption></figcaption></figure>

**Example:**

<figure><img src="https://787168730-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJoVhnsLwgc7ylgaqw6Gd%2Fuploads%2FRgSkV3imr0Cp1Yt9qDxA%2Fimage.png?alt=media&#x26;token=228c3b3e-1c9f-4419-a59a-24b176eae0ea" alt="Mega menu" width="541"><figcaption></figcaption></figure>

### Mega Tabs

Shortcode: `{getPosts} $label={Label Name/Label Name}`&#x20;

Label Settings: Labels must be separated by `/`. Only **5** Labels are supported.

**Example:**

<figure><img src="https://787168730-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJoVhnsLwgc7ylgaqw6Gd%2Fuploads%2Fd26kyfYvMOQxOeCzlwws%2Fimage.png?alt=media&#x26;token=70241b0b-a666-4a92-aaeb-be97c86f147b" alt="Mega tabs" width="539"><figcaption></figcaption></figure>

{% hint style="info" %}
INFO: Mega links must be on the first level! There is no predefined limit amount.
{% endhint %}