Adding a Dropdown Menu to Site Navigation: Step-by-Step Guide

Adding a Dropdown Menu to Site Navigation: Step-by-Step Guide

By Michael Turner

February 10, 2025 at 09:29 PM

To add a dropdown list to your navigation:

  1. Create a dropdown list:

    • Open "Pages" panel and click the + icon
    • Select "Dropdown List"
    • Enter a title for the navigation menu
  2. Add pages to your dropdown:

    • Drag existing pages below the dropdown item
    • Click "Add Page" to create new pages
    • Reorder pages by dragging them within the list

Note: You cannot nest dropdown lists within each other.

Display behavior:

  • Desktop: Pages appear on hover
  • Mobile: List collapses and opens on tap
  • URL redirect: Links to the first page in the list

Background colors (Version 7.1):

  • Solid header: Uses header background color settings
  • Gradient header: Uses header background color
  • Adaptive header: Follows first section theme colors

To delete a dropdown list:

  • Hover over the list in Pages panel
  • Click the trash can icon
  • Confirm deletion (this will delete all contained pages)

Important limitations:

  • Index pages cannot be added to dropdowns
  • Each item creates a separate menu
  • Product categories have separate navigation settings
  • Version 7.0 and 7.1 display differences exist

Note: In Store Pages (Version 7.1), you can create nested subcategory menus for products, while Version 7.0 only supports basic category navigation.

For customization:

  • Access header settings via Edit Header > Edit Design > Color
  • Adjust theme colors through site styles
  • Configure display settings based on your template version

Remember: Deleting a dropdown list removes all pages within it permanently.

Related Articles

Previous Articles