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
  • 1. Duplicate your live theme
  • 2. Disable App Embed on the live theme
  • 3. Publish the mega menu on the duplicated theme
  • 4. Preview the duplicated theme

Preview menu on draft theme

PreviousShow menu on this CSS selectorNextDisable app from theme

Last updated 1 month ago

​To preview your mega menu before making it live on your Shopify store, follow these steps:

1. Duplicate your live theme

Creating a duplicate of your current live theme allows you to test changes without affecting your live store.​

  • In your Shopify admin, go to Online Store > Themes.​

  • Find your current live theme, click Actions, and select Duplicate.

2. Disable App Embed on the live theme

To prevent conflicts during testing, you should disable the App Embed on the live theme:

  • In Shopify Admin, go to Online Store > Themes.

  • On the Live Theme, click Customize.

  • Go to App Embed.

  • Find the Globo Mega Menu app and turn it off.

(Note: This step ensures the menu does not appear on both the live and duplicated themes simultaneously.)

3. Publish the mega menu on the duplicated theme

Once you have a duplicated theme, you can publish the mega menu to this version to preview it.​

  • Open the Globo Mega Menu app in your Shopify admin.​

  • Click on Publish.​

  • Select the duplicated theme from the list.​

  • Click Publish to apply the mega menu to the duplicated theme.

4. Preview the duplicated theme

After publishing the mega menu on the duplicated theme:

  • In your Shopify admin, go to Online Store > Themes.

  • Find the duplicated theme and click Preview to see how the mega menu appears.​

By following these steps, you can safely preview and adjust your mega menu before applying it to your live theme.​

💬 Need help?

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