# How to Manage Navigations/Menus in Omnitron?

Each website will have a header menu for desktop and hamburger menu for mobile for navigation purposes. The Navigation/Menu functionality of Omnitron enables you to establish an ordered tree structure for menu items, assign names to them, and link them to their respective pages. Additionally, you have the option to apply background colors and text styles if desired. For further instructions on execution, please refer to this article.

## <mark style="color:red;">Step 1: Access to Omnitron​</mark> <a href="#step-1-access-to-omnitron" id="step-1-access-to-omnitron"></a>

* Access the **Omnitron** panel through your URL.
* Insert your granted *Username* and *Password*, and click the **Sign In** button.\
  ![](/files/Z1eP4ENNUltBV2gem494)

## <mark style="color:red;">Step 2: Navigate to Navigation/Menu Page​</mark> <a href="#step-2-navigate-to-navigationmenu-page" id="step-2-navigate-to-navigationmenu-page"></a>

* Navigate to **Sales Channels > Content Management > Navigation/Menu** from the sidebar.<br>

  <figure><img src="/files/lDA1tzmquO85Ac4Gglby" alt=""><figcaption></figcaption></figure>

## <mark style="color:red;">Step 3: Adding a New Navigation/Menu​</mark> <a href="#step-3-adding-a-new-navigationmenu" id="step-3-adding-a-new-navigationmenu"></a>

The navigation menu can contain multiple sub-menus, but initially, you should create the Main Menu. To do this:

* Click on "Add Main Menu".
* Enter the Menu Name and URL.
* Click "Save".<br>

  <figure><img src="/files/UwcBebuKwA05HdaI2S02" alt=""><figcaption></figcaption></figure>

After creating the Main Menu, you can proceed to create sub-menus and their corresponding inner menus. Follow these steps:

* Click the "+" icon next to the menu item.
* Enter the Menu Name and Menu URL.
* Click "Save".<br>

  <figure><img src="/files/41Lxwlnm6XhQzJ40xqeL" alt=""><figcaption></figcaption></figure>
* Successfully adding each menu item will result in the menu tree displayed as follows:<br>

  <figure><img src="/files/8wOFjjoKl1HaqhCRWN0O" alt=""><figcaption></figcaption></figure>
* The menu item tree can be modified by dragging and dropping the respective row. The blue outline, as shown in the screenshot, will indicate which menu items will be moved as submenus or interchanged within the main menus.<br>

  <figure><img src="/files/XxYKNdfqwjRmQfVDYuDP" alt=""><figcaption></figcaption></figure>

## <mark style="color:red;">Step 3: Edit the Menus​</mark> <a href="#step-3-edit-the-menus" id="step-3-edit-the-menus"></a>

According to the schema integrated into the Navigation/Menu Page, specific functions may vary depending on the project. However, several default settings can be applied for editing the menus. Click on the pen icon next to the menu item to proceed with the edits.

* **Menu Name:** You can change the menu name here.
* **Menu URL:** Add/Edit the desired link of that respective menu item.
* **Navigation Slider Images:** You can add visual internal links to the navigation menu from here, those will only shown on desktop.
* **Desktop Menu Features:** You will be able to change the text weight, text color, background color of the menu and underline the text.
* As a plus, you will be able to request such functionalities as;

1. **Boolean “No Follow” Tag:** Enabling the Boolean "No follow" tag will instruct search engines not to follow your menu link. This means that the link will not contribute to the distribution of link juice. This strategy is crucial for SEO purposes. For instance, if there are already one or more homepage links on the same page, an additional homepage link may not necessarily need to be indexed by Google. To minimize this, you can opt for the header menu items URL.
2. **Image Variations as Sub Content**: Using different image variations allows you to create column-based image URLs. This feature proves particularly beneficial for catalog characteristics links, such as "/shoes/80s-fashion" or "/sofas/bubble-fashion".
3. **Boolean Show on Mobile Menu:** This feature allows you to specify whether the header menu items should be included or excluded from the hamburger menu on mobile devices. By default, there will be synchronization between them, ensuring consistency across both menu types.<br>

   <figure><img src="/files/PQtJOnpAx3TEX44jk6fp" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: 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:

```
GET https://docs.akinon.com/tutorials/omnitron/sales-channels/content-management/how-to-manage-navigations-menus-in-omnitron.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.