List Shopify themes integration

List Shopify themes integration


This is a list of most popular Shopify themes and how Smart Menu works with it. 
Press Ctrl+F and type your theme name to search. 

- There might still be some problems depending on theme version or in-use apps. Please contact us to resolve.
- If your theme is not in the list, it does NOT mean Smart Menu is incompatible with it. Please contact us if there's any issues.

✔ = fully compatible  |  Δ = work on some cases  |  ✘ = incompatible

Theme
Compatibility
Menu type
Note
Horizontal menu
Horizontal menu
Only can work by CSS selector method.

Horizontal menu


Horizontal menu
Theme changes horizontal menu to sidebar if menu is too long. Should have less than 6-7 menu items. (contact us to help you remove this limitation)
Δ
Horizontal menu + Sidebar menu
To show SM in sidebar, select mobile menu.
On mobile, Smart Menu can't replace horizontal menu.
Simple

Vertical menu


Fullscreen vertical menu
Incompatible

Horizontal menu
Smart Menu pushes logo to a bit left to have more space for menu. Still, theme will change horizontal menu to sidebar if menu is too long. Should have less than 4-5 menu items. (contact us to help you remove this limitation)

Horizontal menu


Horizontal menu


Vertical menu
Incompatible
Horizontal menu + 
Condensed menu
Only work with Horizontal menu. In theme settings, please choose menu as Inline, not Condensed.

Horizontal menu + 
Slide bar
Should change navigation style in theme settings to Center.
On can replace mobile menu if using CSS selector method.

Horizontal menu
In theme settings, must remove Main menu in Header > Quick links

Horizontal menu
Cannot work if theme's using logo center, menu split → change Logo position to "Logo center, menu below".
In theme settings, should remove menu on toolbar.

Horizontal menu


Horizontal menu


Horizontal menu


Horizontal menu


Horizontal menu


Horizontal menu
Should change navigation style in theme settings to Center

Horizontal menu


Horizontal menu
In theme settings, should remove main menu in Top bar

Horizontal menu
In theme settings, must set navigation style as "Full horizontal", not "Slideout vertical"

Horizontal menu


Horizontal menu


Horizontal menu
Only can work best when choose Menu alignment as "Underneath" in theme's settings.

Horizontal menu
Remember to add submenu background color in app

Horizontal menu


Horizontal menu
In theme settings, should set Logo position: inline and Alignment: left.
If logo is set above navigation, should use CSS selector method

Horizontal menu


Horizontal menu


Horizontal menu


Horizontal menu
In theme settings, should not choose Mobile navigation style on desktop

Horizontal menu
In theme settings, should choose Navigation layout as Standard
Δ
Horizontal menu + Sidebar
Can only replace horizontal menu, not work with Drawer menu (sidebar)

Horizontal menu + Sidebar menu
In theme settings, should choose Desktop menu style as Classic

Horizontal menu


Vertical menu


Horizontal menu

Δ
Horizontal menu + Sidebar menu
Can only replace horizontal menu, can't show up on mobile

Horizontal menu


Horizontal menu

Δ
Sidebar menu
Can only show as mobile menu in sidebar

Horizontal menu


Horizontal menu
In theme settings, should remove Main menu in Top bar

Horizontal menu


Horizontal menu
In theme settings, should remove Main menu in Sidebar
Artisan

Horizontal menu


Horizontal menu


Horizontal menu
In theme settings, should change logo position to left

Horizontal menu


Vertical menu

Δ
Horizontal menu + Sidebar menu
Need to change navigation type in theme settings to Horizontal menu, not Minimal top.
Should use CSS selector method.

Horizontal menu


Horizontal menu
Should keep menu short, have less than 6-7 menus

Horizontal menu
If menu is too long, theme turns to sidebar menu

Horizontal menu + Sidebar menu
In theme settings, should choose layout Logo to the left to use H
Δ
Horizontal menu + Sidebar menu
Must use CSS selector method. 
In theme settings, must uncheck the "Show on mobile" of horizontal menu

Horizontal menu
In theme settings, should change Navigation mode to Horizontal
Δ
Vertical menu + Sidebar menu
If theme uses Compact header → only select mobile menu, leave "Select your main menu" blank
Ira

Horizontal menu
If menu is too long, theme turns to sidebar menu
Δ
Sidebar menu
Only work as mobile menu. Need to select mobile menu.

Horizontal menu


Horizontal menu


Horizontal menu + Sidebar menu
In theme settings, should choose Navigation layout as Expanded

Horizontal menu

Δ
Horizontal menu + Sidebar menu
Must use CSS selector method.
To replace horizontal menu, use CSS Selector of your menu. To replace sidebar, use CSS Selector of your mobile menu
Δ
Sidebar menu
Only work as mobile menu in sidebar

Horizontal menu

Δ
Horizontal menu + Sidebar menu
If theme uses Compact menu → only select mobile menu, leave "Select your main menu" blank
Δ
Horizontal menu
Can't replace mobile menu

Horizontal menu


Horizontal menu
Should use CSS selector method

Horizontal menu
Must use CSS selector method

Horizontal menu
Should use CSS selector method

Horizontal menu
Should use CSS selector method

Horizontal menu
Must use CSS selector method
Horizontal menu
In theme settings → Performance → need to uncheck "Use Turbolinks" option

Your theme is not listed? Ask us to check it for you!



    • Related Articles

    • Why is my Smart Menu not showing up or showing incorrectly?

      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 ...
    • How to show Smart Menu on your store

      After creating your menu in Smart Menu, you can choose a current menu on your store to be replaced with Smart Menu. There are 2 ways to do it: Auto - Replace Main menu, Manual - Replace menu from Shopify or Manual - Replace menu by CSS selector. ...
    • How to uninstall Smart Menu completely?

      UPDATE (30.11.2023): With users installing our app after November 30, 2023, the app does not add any code or store any file in the theme anymore. Therefore, you don't need to delete anything after uninstalling the app. When installing, Smart Menu ...
    • My old menu is still showing up, how can I hide it?

      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 ...
    • List supported themes for Collection Slideshow

      We've customized slideshow to fit collection pages of most Shopify official themes. Press Ctrl+F and type your theme name to search.  There might still be some problems depending on theme version or in-use apps. Please contact us to resolve. If your ...