Meteor Mega Menus is designed to replace the native dropdown menus in a store's theme. By default, the app expects to attach its mega menus to links in the store's main navigation bar (which is normally found in the header on desktop, and a sidebar on mobile).

Due to the very nature of website plugins like Meteor, it's simply not possible for all of the app's features to work reliably for each and every Shopify theme in existence. Some themes may have aggressive styling or scripts that could override our app's mega menus, and other low-quality themes may not be designed to adhere to Shopify's standards and best practices.

Here's a breakdown of the types of themes that are most compatible with Meteor, ranked from highest to lowest:

Our Support team is happy to step in and attempt to get Meteor working on your store if you meet the following requirements:

If you don't meet these requirements you can still reach out to our Support team for general assistance, but we cannot promise that we will be able to resolve any theme-related conflicts. You're also welcome to attempt to fix theme conflicts on your own using the app's built-in settings.

Common theme conflicts and issues can be resolved by editing some settings in the app's admin area. Use our DIY troubleshooting guide (linked below) and if contact us if you need assistance along the way.

Some Shopify themes have unique markup that prevents the app's automatic attachment from working correctly, so you may need to use some navigation selectors to tell the app where to attach its mega menus. You can edit the app's navigation selectors in the app admin under Settings > Advanced.

Pro-tip: You can learn more about navigation selectors using this help article.

Meteor can also be used to attach mega menus to other parts of a theme outside of the main navigation bar. This is possible by manually attaching a mega menu, which you can learn more about using this help article.