> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-7-documentation/header-group/header-blocks/menu-tab.md).
# Menu Tab
Tab-style menu items for multi-brand or category navigation with SVG logo support.
## **How to add the Menu Tab block?**
* From your Shopify admin, go to **Online Store ->** **Themes**.
* Find the theme that you want to edit, and then click **Customize**.
* In the **Header Group -> Header ->** **Add block ->** choose **Menu Tab.**
## Menu Tab - Settings Guide
This guide explains all available settings for the **Menu Tab** section in order from top to bottom as they appear in the **Theme Editor**.
| Setting | Type | Description | Visibility |
| ----------------------- | ------------- | ------------------------------------------------------- | -------------- |
| Logo (block) | image\_picker | Optional image for the block's logo. | Always visible |
| Logo Text | liquid | Text/logo fallback displayed when no image is provided. | Always visible |
| Link (page) | page | Optional page link for the block. | Always visible |
| Text Color | color | Text color for the block. | Always visible |
| Background Color | color | Background color for the block. | Always visible |
| Active Text Color | color | Text color when the item is active. | Always visible |
| Active Background Color | color | Background color when the item is active. | Always visible |
| Divider | checkbox | Show a divider for this block. | Always visible |
## **How to set up different navigation for each Menu Tab block?**
#### Step 1: Create a Page using a template that starts with **"landing-"**
Create a new Page and select a template that starts with **`landing-`**, which is provided by the theme.\
After creating the page, **copy the page handle**, as it will be used in the next steps.
***
#### Step 2: Create a Menu with the same handle as the Page
Create a new Menu and make sure the **menu handle matches exactly** the page handle created in Step 1.\
Add all menu items that you want to display inside this tab.
***
#### Step 3: Assign the Page in the Menu Tab Block settings
In the **Menu Tab Block** settings, scroll down to the **Link** section and select the Page you created in Step 1.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://halosoft.gitbook.io/ella-7-documentation/header-group/header-blocks/menu-tab.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.