> For the complete documentation index, see [llms.txt](https://sitar-doc.winterinfotech.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitar-doc.winterinfotech.com/mega-menu.md).

# Mega menu

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

The **Mega Menu** feature in the Sitar theme allows you to create advanced and visually engaging navigation menus for your online store. You can organize your navigation into multiple levels and enhance it with **collections, products, blog posts, notable links**, and other promotional content.

A well-organized Mega Menu helps customers quickly find products and collections, improves store navigation, and creates a more premium shopping experience.

**Before You Begin**

Before adding Mega Menu blocks in the Sitar theme, you first need to create your store's navigation menu in the Shopify admin.

Shopify allows you to create **nested menu items**, where one or more menu items are placed underneath a main (top-level) menu item. These nested items appear as dropdown navigation in your store.

**Steps to Create a Navigation Menu**

* From your Shopify admin, go to **Online Store > Content > Menus > Create menu**.

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2FKF87CrBUXRT0m9YYQikl%2Fcreate%20menu.png?alt=media&amp;token=45eeca17-f26f-48a3-b7a9-50fcae0d7a78" alt=""><figcaption></figcaption></figure>

* Enter a name for your menu if you are creating a new one.
* Click **Add menu item.**
* Enter the **Name** of the menu item that you want customers to see.
* In the **Link** field, select where customers should be directed when they click the menu item.
* Click **Add menu item** again to add additional menu items to your navigation.
* To create a dropdown menu, click and drag a menu item below the main (top-level) menu item.
* Move the menu item slightly to the right until it appears nested below the main menu item.
* Repeat this process for all menu items you want to include in the dropdown.
* Click the **Save menu**.

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2FkghZyLGMnvmYP6aspGxm%2Fimage.png?alt=media&amp;token=f0fea3d1-5ce3-4162-a77e-eb16b55b184c" alt=""><figcaption></figcaption></figure>

> **Tip:** Nested menu items appear under a top-level menu item and can be used to create dropdown or Mega Menu navigation structures in your store.

**Select the Navigation Menu in the Header**

After creating your navigation menu, assign it to the Header.

**Steps**

1. From your Shopify admin, go to **Online Store → Themes**.
2. Click **Customize** on your active theme.
3. Select the **Header** section.
4. Locate the **Menu** setting.
5. Select the navigation menu you created.
6. Click **Save**.

Your navigation menu will now appear in your store's Header.

The Sitar theme provides additional Header blocks that allow you to enhance your standard navigation with products, submenu links, blog posts, promotional banners, badges, and tabbed content.

**Available Mega Menu Blocks**

The Sitar theme provides multiple block types to help you create a more engaging navigation experience.

<table><thead><tr><th width="240">Block</th><th>Description</th></tr></thead><tbody><tr><td>Mega menu products</td><td><p>The <strong>Mega Menu Products</strong> block allows you to display selected products directly inside a mega menu.</p><p></p><p>Instead of showing only text links, customers can see product images and product information while browsing your navigation.</p></td></tr><tr><td>Mega menu blog</td><td><p>The <strong>Mega Menu Blog</strong> block allows you to display blog content directly inside your mega menu.</p><p></p><p>This can help customers discover editorial content while browsing your product categories.</p></td></tr><tr><td>Mega menu submenu/gallery</td><td><p>The <strong>Mega Menu Submenu / Gallery</strong> block allows you to combine navigation links with visual gallery content inside your mega menu.</p><p></p><p>This is useful when you want customers to browse multiple subcategories while also seeing supporting images.</p></td></tr><tr><td>Megamenu banner</td><td><p>The <strong>Megamenu Banner</strong> block allows you to add a promotional image or banner inside your mega menu.</p><p></p><p>This gives you an additional space to promote important collections, offers, or campaigns without interrupting the customer's browsing experience.</p></td></tr><tr><td>Menu badge</td><td><p>The <strong>Menu Badge</strong> block allows you to add a small label or badge to a menu item.</p><p>You can use badges to highlight important navigation items such as:</p><ul><li>New</li><li>Sale</li><li>Popular</li><li>Trending</li></ul></td></tr></tbody></table>