By default, Meteor will attempt to automatically attach it's mega menus to a link/button within the store's navigation menu. In some cases, you may want to ignore this behavior and directly attach a mega menu to a link or button of your choice. 

This method is helpful if you want to display mega menus in other places outside of the store's main navigation, and it's also helpful if you are trying to display different mega menus based on certain conditions.


To manually attach a mega menu, you must assign a unique handle to the menu by clicking ‘attach manually’ in the ‘Menu placement’ section of the app admin:

After you’ve given the mega menu a unique handle, you can simply set an anchor tag to use a hash ID that corresponds to the handle you defined in the app. See below for some examples:

Shopify navigation

Theme code

<a href="{{ link.url }}#your-menu-handle">{{ link.title }}</a>

Need help, or have questions?

Please reach out to our support team via chat or email and we'll be happy to assist! 

Did this answer your question?