How to Create and Manage Navigation Dropdown Menus

How to Create and Manage Navigation Dropdown Menus

By Michael Thompson

November 19, 2024 at 09:38 PM

Here's how to create and manage dropdown menus in your navigation:

Adding a Dropdown Menu:

  1. Open the Pages panel
  2. Click the + icon
  3. Select "dropdown menu"
  4. Enter the menu title that will appear in navigation

Adding Pages to Your Dropdown:

  • Drag existing pages into the dropdown space
  • Click "Add a page" below the dropdown for new pages
  • Reorder pages by dragging them within the dropdown
  • Note: You cannot nest dropdowns within other dropdowns

Dropdown Menu Behavior:

  • Menus appear when visitors hover over the title
  • Clicking the title doesn't open the first page
  • On mobile devices, menus expand with a tap
  • URLs redirect to the first page in the dropdown

Background Color Settings (Version 7.1):

  • Solid headers: Uses header background color or section theme
  • Gradient headers: Uses header background settings
  • Adaptive headers: Matches first section's theme color

Deleting a Dropdown Menu:

  1. Hover over the dropdown in Pages panel
  2. Click the trash icon
  3. Confirm deletion Note: Deleting a dropdown also removes all pages within it

Important Notes:

  • Cannot add Index pages directly (use Links instead)
  • Product categories have separate navigation options
  • Version 7.1 supports nested product subcategories
  • Version 7.0 has limited category navigation features

Remember: Save your changes and test the dropdown functionality across different devices to ensure proper display and interaction.

Related Articles

Previous Articles