> 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="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FeCtrVEA2JfohmJPMEaH0%2Fselect%20header.png?alt=media&amp;token=02acc42f-5af5-4550-ae4f-d82a2d452b65" 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="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FOILiMDHNocwNen2IqhZc%2Fselect%20block.png?alt=media&amp;token=199a5e3d-9eff-4e09-8cae-d4c0af2a9ad1" 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="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FvSrf2w66OhQPcDzQBjl2%2Fmenu%20label.png?alt=media&amp;token=69eeb4a3-94a1-4207-86d0-500c3bb2d074" 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="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FZ56p4KTiFNfRF5Yl7a1B%2Fcolor.png?alt=media&amp;token=ceae999f-b493-4d61-a148-0415729a2dfa" alt=""><figcaption></figcaption></figure>
{% endstep %}

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

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FzSO5aPTYLnXIga9FW2eJ%2Fsave.png?alt=media&amp;token=676b5cb7-b71d-44ea-81b1-d48e22399803" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

<br>