---
updatedAt: 2025-09-11T20:04:55.000Z
agentTools:
  projectIndex: https://docs.makaira.io/llms.txt
---

# Menu Editor

Using  the Menu Editor  the main menu structure of  the storefront can be defined. Menu Editor section also allows us setting up sub menues or sub contents under particular menu.

***

A basic representation of Menu and it's submenus is shown in the picture below.

<Image className="border" border={true} src="https://files.readme.io/e148545-20.png" />

> 📘 The breadcrumb is generated automatically based on the structure.

## Configuration

Text: Link text / Menu title that appears on the main menu in front end.\
Link: relative URL / absolute external URL / empty - if only necessary for structure\
Search: can be used to search for the Text and Link instead of typing manually from different types of documents (e.g. Categories, Products, etc..)\
Settings: introduces more personlization options for the specific menu item\
Add child: add new submenu\
Remove: remove menu item

***

## Search Option

With this option the user can search from different document types the text and link instead of manually typing. The Text and Link  will be defined according to the chosen document information and these document information would be acting as menus accordingly.

<Image className="border" border={true} src="https://files.readme.io/b8559e5-21.png" />

*Preview after choosing a specific document:*

<Image className="border" border={true} src="https://files.readme.io/6bf804b-22.png" />

***

## Settings

The user can modify the properties of each menu item using the settings button, such modification include:

* defining different css classes for each menu item
* toggle the visibility of the selected menu item

<Image className="border" border={true} src="https://files.readme.io/8cd43e2-23.png" />

***

> 📘 By default, the menu is only output up to the third level

<HTMLBlock>{`
<strong><sub>* The Menu Editor is only available when you book the Makaira Page Editor module.</sub></strong>
`}</HTMLBlock>