# 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