Global Menu Settings

For Plain Jane, and Plain Jane Interactive

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: [email protected]

• 💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website