# 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/WEe3RjtDQ7wNsLsA20hR/blobs/LfeRntlFS3d4ZsmUjJS7/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/WEe3RjtDQ7wNsLsA20hR/blobs/rRcTSl2U6sAh72MUxQPd/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/WEe3RjtDQ7wNsLsA20hR/blobs/iNFHplRNHiGIvjSSPXmr/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://323979841-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWEe3RjtDQ7wNsLsA20hR%2Fuploads%2F570Beaxl4kR4uQvc1vJj%2Fimage.png?alt=media&#x26;token=9a7d0249-787d-44ef-bf4e-d13196b76281" alt="Label name"><figcaption></figcaption></figure>

**Example:**

<figure><img src="https://content.gitbook.com/content/WEe3RjtDQ7wNsLsA20hR/blobs/3UljRQD9bsyzk5AfF71z/image.png" alt="Mega menu" width="534"><figcaption></figcaption></figure>

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