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?

PreviousFooter SettingsNextLanguages and SEO

Last updated