Replace each current menu item with Smart Menu, the style of menu bar & top menu (level 0) is based on theme. (Technically: replace each <li> tag, keep the parent <ul> or <nav> the same as theme's menu).
Replace the whole menu, including menu bar, top menu (level 0) and all submenu items. (Technically: replace the parent <ul> or <nav> tag with Smart Menu tag).
✔ Easily replace menu
✔ Based on the style of your theme's top menu (font, submenu width, menu bar background, menu bar height)
✔ Keep some icons of your theme's original menu (social icons, account icon, cart icon... if available)
✔ Customize font
✔ Customize menu bar (including color, height, align, padding)
✔ Enable submenu full width
✘ Cannot customize font (font is based on theme style)
✘ Cannot customize menu bar, including color, height, align or padding (menu bar is based on theme style)
✘ Need to find the right CSS selector (instruction below)
✘ Can override some icons on your original menu (such as social icons, account, cart icon...)
✘ Might need to restyle (because it won't base on theme's style)
1. Select from Shopify navigation
Go to Step 2: Add & Design tab > Add menu to store > choose "Select from Shopify navigation" option.
If it shows "List is empty" and you can't select menu, try turning off password on your store and reload app.
Select your main menu: select your desktop menu that you want to replace with Smart Menu (Smart Menu can't replace a menu item in a menu, it can only replace the whole menu, so you should select your Main menu)
Select mobile menu: select your mobile menu that you want to replace with Smart Menu If you want to only show Smart Menu on desktop and keep your original menu on mobile, leave the this field blank.
Menu orientation: select the orientation bases on your original menu