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

# Adjust menu colors

### 🎨 Accessing Color Settings

1. **Open the Globo Mega Menu App**: Navigate to your Shopify admin panel and launch the Globo Mega Menu app.
2. **Go to the Colors Section**: Click on the **Colors** option in the left sidebar.

### 🖌️ Adjusting Color Settings

1. **Main Menu (Top Menu)**

* **Text Color**: Choose a color for the top-level menu items.
* **Background Color**: Customize the menu bar background.
* **Hover Color**: Set the color when a user hovers over a menu item.

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

2. **Submenu Elements**

* **Tab Color**: Define the color for submenu tabs.
* **Heading Color**: Adjust the heading color inside the submenu.
* **Text & Description Color**: Set colors for submenu text and descriptions.
* **Other Elements**: Customize additional elements to match your store’s design.

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

**💬 Need help?**

Email us at **📧 <contact@globo.io>** - we’re happy to assist!
