Openspaces Labs
  • 🏠 Getting Started
    • Installing the Plain Jane Theme
    • Theme Versions + Features Table
  • 🧰 Theme Settings
    • Announcement Bar
    • Animations
    • Cart Drawer
    • Clock Settings
    • Collection Layout Settings
    • Cursor Settings
    • Footer Settings
    • Global Menu Settings
    • Music Player Settings
    • Logo Settings
    • Skip Home Screen
    • SEO Settings
    • Main Theme Color
    • Typography Settings
  • 🗂 Pages & Menus
    • Homepage + Menu
      • Center Menu
      • Side-Aligned Menu
      • Compact Menu Layout (Global Menu)
    • Collection Page
      • Classic Collection
      • Sidebar Collection
    • Collection List Page
    • Product Page
      • Product Section (Showcase)
      • Product Section (Thumbnail)
    • About Page
    • Contact Page
    • Lookbook Page
      • 🛠 How to Create a Lookbook Page
      • 🗂 Creating a Lookbook Archive
      • ⚙️ Lookbook Settings & Features
    • Password Page
      • How To Password Lock Store
      • How To Add and Set Timer
      • How To Collect Emails + SMS
      • Using The Store Unlock Animation
  • 🧩Sections and Features
    • Blog Feed Section
    • Collection Display Section
    • Collection List Section
    • Email Signup (Popup)
    • Email Signup (Embed)
    • FAQ Section
    • Hero Section
    • Image Selector Section
    • Image Stream Section
    • Marquee Section
    • Preloader Section
    • Product Carousel Section
    • Text Block Section
    • Video Spotlight Section
  • 🏷️Advanced
    • How to Add Size Charts to Each Product
    • Setting Up Color Swatches
    • Setting Up Model Info
    • Setting Up Pre-Orders
  • 👥Customer Accounts
    • How To Setup Customer Accounts
    • Login Page
    • Register Page
    • Account Dashboard Page
    • Address Management Page
  • 🌎Languages & SEO
    • Language Files (Locales)
    • Update Favicon
    • Meta Descriptions
  • ⭐️Plain Jane Interactive
    • How to Create an Interactive Space
    • Setting The Background
    • Adding Interactive Points
    • Using Transition Arrows
    • Best Practices for Mobile + Spacing
  • 💬 FAQ & Troubleshooting
Powered by GitBook
On this page
  • ⚙️ Setup Instructions
  • 🔍 Choose a Menu
  • 🔹 Global Menu Icon
  • 🛒 Global Menu Cart
  • 🔍 Global Menu Search Bar
  • 🔹 Global Menu Background Color
  • 🔎 Global Menu Link Colors
  • 👤 Login Link
  • 🔧 Misc Settings
  • 🚪 When to Use
  • Need Help?
  1. 🧰 Theme Settings

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?

  • 📧 Email us at: support@openspaces.design

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

PreviousFooter SettingsNextMusic Player Settings

Last updated 4 days ago

💬 Join our community on Discord:

https://discord.gg/hcc2GvgZc6