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.


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

  • πŸ’¬ 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

Last updated