Skip to content

Page Builder Navigation Menus

Menu Location: Settings > Content > Page Builder > Navigation Menus

Access Level: Administrator

Last Updated: 2026-03-12

Overview

Navigation Menus lets you create custom menus for your page builder headers. Each menu is a list of links that can include dropdown sub-items. You can create separate menus for desktop and mobile, and assign them to your header blocks.

Primary Functions:

  • Create and manage navigation menus
  • Add menu items with custom labels and URLs
  • Create dropdown sub-menus with nested items
  • Link system actions (Log In, Sign Up, Cart, Account)
  • Assign menus to desktop and mobile header navigation

Page Layout

Shows all your saved navigation menus with their name and action buttons.

When creating or editing a menu, you'll see:

  • Menu Name: A label to identify this menu (e.g., "Main Navigation", "Mobile Menu")
  • Menu Items: A list of links you can add, edit, reorder, and nest

Creating a Menu

Steps:

  1. Click Create New Menu
  2. Enter a Menu Name (e.g., "Main Navigation")
  3. Add menu items (see below)
  4. Click Save Menu

Adding a Menu Item

Each menu item has:

  • Label: The text visitors see (e.g., "About Us", "Shop", "Contact")
  • URL: Where the link goes — either a custom URL or a system action

System Actions

Instead of a custom URL, you can use built-in actions:

Action What It Does
Log In Opens the login page
Sign Up Opens the signup/registration page
Cart Opens the shopping cart
Account Opens the customer account page

Sub-Items (Dropdowns)

Menu items can have sub-items that appear as a dropdown when visitors hover over the parent item.

To add a sub-item:

  1. Add a main menu item first
  2. Click to add a sub-item under it
  3. Enter the label and URL for the sub-item

Sub-items appear as a dropdown menu under their parent.

Reordering Menu Items

Drag menu items up or down to change their order. Sub-items can also be reordered within their parent.

Assigning Menus to Headers

After creating a menu, you need to connect it to your header block:

  1. Go to Page Builder main screen
  2. Click the Defaults tab
  3. Edit your Default Site Header block
  4. In the header block editor, select your menu from the navigation dropdown

You can assign different menus for desktop and mobile navigation.

Common Use Cases

Use Case 1: Create a Main Navigation

Goal: Set up the primary navigation for your site.

Steps:

  1. Create a new menu called "Main Navigation"
  2. Add items: Home, About, Shop, FAQ, Contact
  3. Add sub-items under "About" if needed (e.g., Our Story, Our Team)
  4. Save the menu
  5. Assign it to your default header block

Use Case 2: Create a Mobile-Specific Menu

Goal: A simpler menu for mobile visitors.

Steps:

  1. Create a new menu called "Mobile Menu"
  2. Add only the essential items (Home, Shop, Account, Cart)
  3. Keep it flat (minimal sub-items for easier mobile tapping)
  4. Save and assign to mobile navigation in your header settings

Troubleshooting

Symptoms: You created a menu but it doesn't appear on your site.

Solutions:

  1. Make sure the menu is assigned to your header block (edit the header and select the menu)
  2. Verify the default header is Active on the Defaults tab
  3. Check that the header section isn't set to "None" on the specific page

Symptoms: Sub-items don't appear when hovering over a parent item.

Solutions:

  1. Make sure the sub-items are properly nested under the parent
  2. Try refreshing the page — the dropdown JavaScript may need to reload
  • Page Builder (page-builder.php) — Main page list, defaults, and theme configuration
  • Page Builder Editor (page-builder-edit.php) — Edit individual pages and blocks

Best Practices

  1. Keep your main navigation to 5-7 items — too many options overwhelm visitors
  2. Use short, clear labels ("Shop" not "Browse Our Online Store")
  3. Put the most important items first (left-to-right reading order)
  4. Limit dropdown depth to one level — deeply nested menus are hard to use

Mobile Menus

  1. Create a separate, simpler menu for mobile
  2. Include system actions (Cart, Account) that mobile visitors need quick access to
  3. Avoid dropdowns on mobile menus when possible

Things to Avoid

  • Don't link to pages that are Inactive or don't exist yet
  • Don't use the same label for different links — it confuses visitors
  • Don't make the navigation too long — it pushes important content below the fold

Quick Reference Card

Task Action/Location
Create a new menu Click Create New Menu
Add a menu item Click Add Item in the menu editor
Add a dropdown sub-item Click add sub-item under a parent
Use a system action link Select from the action dropdown instead of entering a URL
Assign menu to header Edit default header block > select menu
Reorder items Drag items up/down in the editor

Change Log

2026-03-12

  • Initial documentation created

End of Documentation

For additional help, contact your system administrator or Kiva Logic support.