# 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/Lgk0Bukp3MlddTFYiGbP/blobs/r6fEQxvi3yHcKA4uxfKY/image.png" alt="Sublinks" width="375"><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/Lgk0Bukp3MlddTFYiGbP/blobs/g1OjApzD0nmnS80LXNQd/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/Lgk0Bukp3MlddTFYiGbP/blobs/G0HYRQGMnqfHCP5DYt09/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://content.gitbook.com/content/Lgk0Bukp3MlddTFYiGbP/blobs/q1YA5600Nn5nA8sq8rZs/image.png" alt="Label name"><figcaption></figcaption></figure>

**Example:**

<figure><img src="https://content.gitbook.com/content/Lgk0Bukp3MlddTFYiGbP/blobs/mjdg5qbWPEWRcSrgooqO/image.png" alt="Mega menu" width="375"><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://content.gitbook.com/content/Lgk0Bukp3MlddTFYiGbP/blobs/RKXobbMpCr9SgTTttHlv/image.png" alt="Mega tabs" width="375"><figcaption></figcaption></figure>

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