A nested menu is a great solution for effectively organizing collections products and pages. Nested navigation uses the Shopify links object.
- Place the following code in the
Sections/header.liquidfile, or wherever you wish the nested navigation to appear. - If used in a section, you can also create a settings option in the section schema, and replace the for-loop in this example with “` {% for link in linklists[section.settings.main_linklist].links %} “` where main_linklist is the id of the schema setting. This setting would specify a link_list picker, and the default value would be set to main-menu.
- Add relevant classes and styles to create dropdown functionality via CSS.
