> 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="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2F7nVRuV7PG4CT9bbRDI3V%2F2025-05-12_14-44-51.png?alt=media&amp;token=6317522b-51ee-4f2e-9074-9102ca2fa34c" 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="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FcFJBQHvwG3SFOMhWtcJF%2F2025-05-12_14-46-23.png?alt=media&amp;token=fd8576b4-ad39-496c-b95c-a56b8ae7802b" alt=""><figcaption></figcaption></figure>

**💬 Need help?**

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