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
There are various reasons why Smart Menu is not showing up or showing incorrectly on a store. Please read these cases and check the following solutions. Loading time Our server is placed in the US, therefore, there might be a delay in loading time ...
When installing, Smart Menu adds some scripts directly to your published theme to make it load faster. When uninstalling on Apps page, these scripts still remains in your theme. Follow these steps to uninstall Smart Menu completely: Step 1. Uninstall ...
What is the difference among Free, Basic and Premium plans ? Please see the comparison table of three plans here. Can I downgrade to Free/Basic plan after upgrading? Yes you can. To cancel paid plans, please go to "Profile" page > click on "Cancel ...
To achieve the best user experience, Shopify always loads your website first, and then apps, that's why your old navigation still appears. If you want to hide your old navigation, please follow these steps: Update - from Jan 2021: We provide a ...
1. Style Step 2: Add & Design > Style All settings in this section apply globally to all menu items. Animation *Available in Premium plan only. There are 4 animations to appear submenu: fade in, shift up, flip in, zoom in. Note: select "none" if ...