How to Enable and Configure a Dropdown Menu

DecoNetwork gives you flexible control over how your website’s navigation drop-down menus appear and behave. Whether you want a simple text list or a fully customized mega menu, you can configure the layout and content directly within the Website Editor, no coding required.

In this article

• Prerequisites
• Why configure dropdown menus?
• Step 1: Ensure your page has subpages
• Step 2: Choose the dropdown menu style
• Step 3: Customize dropdown menu content
• Best Practice Tips
• Troubleshooting
• FAQs
• Additional Resources

Why configure dropdown menus?

Dropdown menus help customers quickly navigate your store and discover products. By customizing how they display, you can improve usability and highlight key product categories.

• Improve navigation: Make it easier for customers to browse categories
• Enhance presentation: Use structured layouts like mega menus for better visibility
• Promote products: Showcase categories and collections directly in navigation
• No coding required: Build advanced menus using drag-and-drop tools

Step 1: Ensure your page has subpages

Dropdown menus are only available for navigation items that have subpages.

1. Go to Admin → Websites
2. Click Manage on your website
3. Go to Edit Website → Website Pages → Pages
4. Locate a parent page (e.g., T-Shirts)
5. Ensure it has subpages (e.g., Men’s, Women’s, Youth)

Step 2: Choose the dropdown menu style

You can control how your dropdown menu displays using the Dropdown menu setting.

1. In your Website Editor, go to Design → Page Options
2. Locate the Dropdown menu setting
3. Select one of the following options:
   • Hide: No dropdown menu is displayed
   • Simple: Displays subpages as a basic text list
   • Content Width: Expands the menu to match your content width
   • Specify Width: Allows you to define a custom width
   • Page Width: Expands the menu across the full page (ideal for mega menus)
4. Click Save

Step 3: Customize dropdown menu content

When using any option other than Hide or Simple, you can fully customize the dropdown content using drag-and-drop panels.

1. Scroll to the bottom of the page editor
2. Locate the Dropdown menu section
3. Select the parent page with subpages (e.g., T-Shirts)
4. Add layout structure (e.g., multiple columns)
5. Drag and drop content panels such as:
   • Blank Product Category Listing
   • List of Links
   • Other content widgets
6. Configure each panel (e.g., choose categories like T-Shirts, Sweatshirts, Accessories)
7. Use Clone to duplicate layouts and quickly build out additional sections

Best Practice Tips

• Keep menus organized. Avoid overcrowding with too many items
• Use consistent category naming for clarity
• Leverage mega menus for large product catalogs
• Test your menu on desktop and mobile for usability

Troubleshooting

• No dropdown menu showing?
  Ensure the page has subpages and the dropdown menu setting is not set to Hide.
• Menu changes not appearing?
  Refresh your website after saving changes.
• Unable to customize content?
  Ensure you are not using the Simple menu option.

FAQs

Can I create a mega menu without coding?
Yes. DecoNetwork’s drag-and-drop editor allows you to build complex mega menus without any custom code.

Why can’t I see the dropdown editor?
Only pages with subpages will have configurable dropdown menu content.

What’s the best option for large catalogs?
Use Page Width and build a mega menu with multiple columns and category listings.

Additional Resources

• How to customize your navigation drop-down menu
• How to create a mega menu