How to Create Dropdown Menus

PAGES & MENUS

How to Create Dropdown Menus

Group related navigation links beneath a parent item.

Group related navigation links beneath a parent item. Follow the steps below in your BeatKongs producer dashboard and verify the result on your live website.

Before you begin

Sign in to your BeatKongs producer account. You will use Website → Pages, Website → Menus, or Website → Edit Website depending on the task. If you are making a significant change, save a copy of important content first.

Step-by-step instructions

  1. Step 1. Open Website → Menus and choose the menu you want to organize.

    SCREENSHOT TO ADD: Screenshot needed: Menu hierarchy showing parent and child items

    Screenshot to capture: Menu hierarchy showing parent and child items.
  2. Step 2. Identify the main menu item that should act as the dropdown parent.
  3. Step 3. Use the available nesting or hierarchy control to place related links beneath it.
  4. Step 4. Save the menu and confirm the correct menu is selected in NAV settings.

    SCREENSHOT TO ADD: Screenshot needed: Desktop and mobile header dropdown preview

    Screenshot to capture: Desktop and mobile header dropdown preview.
  5. Step 5. Test dropdown opening and closing on desktop and mobile, and verify that each child link works.
Important: Dropdown behavior can differ between desktop hover and mobile taps. Always test both.

How to confirm it worked

Save your changes, open View Live Website, and refresh the affected page. Check the correct URL, page content, and any relevant header or footer links. Repeat the check on mobile if navigation or layout was changed.

Troubleshooting

  • Page or menu item is missing? Confirm you are in the intended producer website and that you saved the correct page or menu.
  • Link opens a 404 page? Copy the destination from the live page instead of guessing its file path, then update the menu link.
  • Changes are not visible? Refresh the website and check for cached content; confirm the correct header or footer menu is selected in Kong Builder.
  • Still stuck? Use Report Issues from the producer dashboard and include the page title, URL, and a screenshot.

Rate this Article

∅ 0 (0 Votes)

Categories for this entry