The Symmetry theme supports both a standard 3 tier drop-down navigation and a full-width mega menu.
The theme switches the menu into a full-width mega menu when every link inside a dropdown, also has a dropdown.
To make mega dropdowns, like the one in this demo store, you need to create Nested Navigation as follows.:
Under the menu item, that you’d like the mega menu to drop down from, add as many title links as you like. Each of these title links must then have its own items nested inside for the dropdown menu to turn into a mega dropdown menu:
This article explains more about creating a mega menu.
Add other menus in your store following the usual Shopify method explained here.
Current page highlight
The main menu shows an underline under the active link – this is the current page you are on.
Please note, that if all your links have this underline (which is something we see occasionally), then the chances are that all your links currently point to the home page. When this happens, it looks like this:
To solve this, you need to change these links to go to real pages, or to the # symbol.
You can see this explained in more detail in the video below:
We have updated the search bar with some new features in Symmetry 4.11.2. You can now create navigation menus, that will display when the search bar opens, to give you more options to show product or pages to your customers.
To access this go to Customize your theme -> click Header -> Scroll to the ‘Search’ section to add text and select a menu.
You can find more settings under ‘Theme Settings’ and now it is also possible to add sections to your Search page.
See the video below for more details:
Add an announcement bar at the top of your Symmetry theme site, to promote your latest offers – add a link to a specific product or offer page, and choose a colour for the bar.
Menu Image Promotion
To show promotional images in your main menu, go to Customize your theme -> Click Header -> Click on ‘Add Menu promotion’.
Make sure to enter the exact dropdown menu name that you want the image to appear under – this is very important and it’s where many make mistakes. So, for example (e.g. Shop) then add your image, link and text.
Payment icons are pulled directly from Shopify based on your payment settings.
Footer text, such as “Powered by Shopify”, can be removed or edited by following our video Guide here.