> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/flute-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/flute-documentation/mega-menu/notable-link.md).

# Notable Link

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

The **Notable Link** block allows you to highlight a specific menu item in the Header using a custom color. This helps draw customers' attention to important navigation links such as **Sale**, **New Arrivals**, **Offers**, or **Best Sellers**.

> **Important:** The **Menu label** must match the name of the menu item in your Header navigation.

| Settings   | Description                                                                                                                                             |
| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Menu label | Enter the exact name of the menu item you want to highlight. For example, enter **SALE** if your Header navigation contains a menu item named **SALE**. |
| Color      | Select the color used to highlight the specified menu item.                                                                                             |

## **How to Set Up a Notable Link**

{% stepper %}
{% step %}
Open **Online Store → Themes → Customize → Header**.

<div data-with-frame="true"><figure><img src="/files/5LbC8Brv5ypDTJm2Tpse" alt=""><figcaption><p><strong>Select header</strong></p></figcaption></figure></div>
{% endstep %}

{% step %}
Click on "**Add block**" and select **Notable link** block.

<div data-with-frame="true"><figure><img src="/files/R0zAOY90BxBkpzbhYvL7" alt=""><figcaption><p>Add Notable link block</p></figcaption></figure></div>
{% endstep %}

{% step %}
In the **Menu label** field, enter the name of the menu item you want to highlight.

<figure><img src="/files/3sbdXG6CG1i0KFQVZIaw" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
**Note:** Make sure the menu label matches the corresponding menu item in your Header navigation.
{% endhint %}
{% endstep %}

{% step %}
Select your preferred highlight color from the **Color** setting.

<figure><img src="/files/ki6UmusPpUhC363yppD7" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Click **Save** to apply your changes.

<figure><img src="/files/bWqKS0o1XH1E7IKJrcY3" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

<br>