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. FAQS

Can I show each separate menu on mobile version and desktop version

PreviousCan I have different menus on different markets/countriesNextHow to show the maps/youtube video on submenu

Last updated 1 month ago

Yes, the app does! You will need to use the multi-menu function that is in the PROFESSIONAL plan to create and use the two menus to show on the front end.

To show a menu on only the desktop version or mobile version, please select Show menu on this CSS selector > enter the CSS selector of main menu + leave blank in CSS of mobile menu to show only on Desktop version (and vice versa)

Note: The CSS selectors vary depending on your theme. Examples:

  • For some themes, the main menu might be #SiteNav, #nav, .main-menu, etc.

  • The mobile menu might be #AccessibleNav, #mobile-menu, .nav-mobile, etc.

  • To find the correct selector, use your browser's Inspect Element tool (F12 in Chrome).

If you are not familiar with the CSS, we're always here to assist, please leave us a prompt request at [email protected] or live-chat and our support team will support you right away. No stress though!