Globo Docs
Globo Mega Menu
Globo Mega Menu
  • Basic Knowledge
  • Getting started
  • Enable App embed
  • Publish new menu to theme
    • Automatic
    • Replace navigation
    • Show menu on this CSS selector
  • Preview menu on draft theme
  • Disable app from theme
  • Modify menu position (advanced)
  • Import/Export menu
  • Manage menu items
    • Add main menu item
      • Create brand-new menu item
      • Add item from exising page
    • Modify main menu item
      • Edit menu item
      • Delete menu item
      • Duplicate menu item
    • Manage submenu items
      • Create new submenu
        • Dropdown menu
        • Mega menu
        • Tabbed menu
      • Design mega-menu submenu
      • Apply masonry layout
    • Translate menu items
      • Use translation mode
      • Use localization page
    • Add contact form to menu
    • Add badge to menu item
    • Upload custom icon for menu item
  • Split link list into multiple columns
  • Adjust menu styling
  • Change menu layout
  • Hide arrow indicators
  • Adjust menu font
    • Use available fonts
    • Use custom font
  • Adjust menu colors
  • Other Settings
    • Show search box on menu
    • Enable scrollbar for submenu
    • Configure Account links
  • APP INTEGRATION
    • Multi-language apps
  • FAQS
    • Why are Shopify's changes not reflected on menu?
    • How to pause/cancel my subscription?
    • Why menu item not redirecting on mobile?
    • What is the difference between Free vs Professional plan?
    • Can I have different menus on different markets/countries
    • Can I show each separate menu on mobile version and desktop version
    • How to show the maps/youtube video on submenu
Powered by GitBook
On this page
  • 🧭 Step 1: Add a Submenu to a Main Menu Item
  • 🧩 Step 2: Choose a Mega Menu Template
  • 🛠️ Step 3: Customize blocks
  • 🧠 Tips for Effective Mega Menu Design
  • ✅ Final Result
  1. Manage menu items
  2. Manage submenu items

Design mega-menu submenu

PreviousTabbed menuNextApply masonry layout

Last updated 1 month ago

Enhance your Shopify store's navigation by creating a visually appealing mega menu submenu using the Globo Mega Menu app. Follow these steps to design a customized submenu that improves user experience and showcases your products effectively.

🧭 Step 1: Add a Submenu to a Main Menu Item

  1. Open the Globo Mega Menu app in your Shopify admin panel.

  2. Navigate to the main menu where you want to add a submenu.

  3. Click on the desired main menu item.

  4. Click the "Add Submenu" button.

🧩 Step 2: Choose a Mega Menu Template

  1. A popup window will appear.

  2. Select the "Mega menu" tab.

  3. Choose a pre-built template that suits your design preferences, or select "Blank" to create a new template from scratch.

🛠️ Step 3: Customize blocks

  1. If you selected the "Blank" template, click the "Add block" button.

  2. Choose the type of block you want to add, such as:

    • Products

    • Collections

    • Images

    • Custom HTML

    • Contact Forms

  3. Adjust the width of each block to organize your layout:

    • The row's width is divided into 12 units.

    • For example, to have three equal columns, set each block's width to 4 (since 12 ÷ 3 = 4).

    • You can mix and match widths to create varied layouts.

🧠 Tips for Effective Mega Menu Design

  • Consistency: Maintain a consistent design across all menu items for a cohesive look.

  • Visual Hierarchy: Use varying block sizes and types to highlight important items.

  • Responsive Design: Ensure your mega menu looks good on all devices by previewing changes on both desktop and mobile views.

  • User Experience: Organize items logically to help users find what they're looking for quickly.

✅ Final Result

By following these steps, you'll create a customized mega menu submenu that enhances your store's navigation and provides a better shopping experience for your customers.

💬 Need help?

Email us at 📧 [email protected] - we’re happy to assist!