Automatically replace
Let the app find your theme's header menu and replace it automatically.
Automatically replace is the default and recommended Position option, with nothing to set up. It works on 150+ Shopify Theme Store themes, such as Dawn, Horizon, Prestige and Impulse, with theme-specific styling so the menu fits your header.
Use automatic replacement
-
Open the Position settings
In the menu editor, click the Settings tab in the left bar. Position is the first section.
-
Select Automatically replace
Choose Automatically replace. It has no extra fields.
Position options: Automatically replace is the first one -
Save and publish
Click Save, then publish the menu. Make sure the app embed is on for the same theme.
-
Check desktop and mobile
Open your storefront on a computer and on a phone (or a narrow browser window). The menu should replace your theme’s menu in both layouts.
How the app finds your menu
| Your theme | What the app does |
|---|---|
| A recognized theme | Uses the known locations of the theme’s desktop and mobile menus. |
| A custom or unrecognized theme | Looks for a menu whose links match your Shopify Main menu navigation and replaces it. |
Troubleshooting
The menu doesn't appear on a recognized theme
If your theme was heavily edited (for example, with a custom header section), automatic detection may not find the menu. Use Show menu on this CSS selector.
The wrong menu is replaced, or none at all
Your header may use a navigation other than Main menu. Use Replace existing menu and pick the right one.
Still stuck?
Contact us and we install the menu for you for free.
Was this helpful?
Thanks for your feedback! Tell us what was missing
Report an issue