Global Menu Settings

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

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.
  • 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.

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

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
  • Background Color: Choose the menu panel's background

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
  • 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?