# Global Menu Settings

> **What You’ll Learn**
>
> * How to assign a navigation menu to the global menu
> * How to customize the icon, cart, search bar, colors, and typography

***

### ⚙️ Setup Instructions

1. In your Shopify Admin, go to **Online Store > Themes**.
2. Click **Customize** to open the Theme Editor.
3. In the left sidebar, click the **Theme Settings** icon (paintbrush).
4. Scroll to **Global Menu Settings**.

***

### 🔍 Choose a Menu

* Assign your primary navigation using the **Choose a menu** dropdown.
* You can create or edit menus in **Shopify Admin > Online Store > Navigation**.

***

### 🔹 Global Menu Icon

* **Auto-inverse Icon Color**: Automatically switches icon color based on background
* **Icon Color**: Set a fixed icon color if auto-inverse is turned off

> 💡 Tip: Use auto-inverse for consistent readability across light/dark backgrounds.

***

### 🛒 Global Menu Cart

Enable this to show a mini cart icon inside the global menu:

* **Show Global Menu Cart**: Toggle visibility
* **Cart Text Color**: Color of the label or total amount
* **Cart Number Background Color**: Background behind item count
* **Cart Number Color**: Text color of item count

***

### 🔍 Global Menu Search Bar

Add a search field to your menu:

* **Show Search Bar**: Toggle visibility
* **Round Corners**: Apply border radius to the input field
* **Search Background Color**
* **Search Text Color**

***

### 🔹 Global Menu Background Color

* **Background Color**: Choose the menu panel's background

***

### 🔎 Global Menu Link Colors

Style navigation links by level:

* **Top-Level, Second-Level, Third-Level Link Colors**
* **Arrow Dropdown Color**: For submenu indicators
* **Line Divider Color**: For spacing lines between links
* **Font Size**: Adjust text size of all link levels

***

### 👤 Login Link

* **Hide Login Link**: Toggle visibility of the customer account link

> 🚨 Warning: Customer accounts must be enabled in Shopify Settings for login links to work.

***

### 🔧 Misc Settings

* **Hide Global Menu on Collection Page (Desktop)**: Optionally remove the menu from specific templates

***

### 🚪 When to Use

The Global Menu is ideal for:

* Compact navigation that appears across all pages
* Mobile-first layouts
* Sites using the **Compact Menu** layout in sections

***

### **Need Help?**

* 💬 **Join our community on Discord:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Email us at:** <support@openspaces.design>
* 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website


---

# 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.openspaces.design/plain-jane-interactive/theme-settings/global-menu-settings.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.