Menus

Falcon CMS has a visual drag-and-drop menu builder for creating and managing navigation menus.

Creating a Menu

1. Go to Admin → Appearance → Menus
2. Click Create New Menu
3. Give it a name (e.g., "Main Navigation") and a slug (e.g., main-nav)
4. Select a location: Header or Footer
5. Save

Adding Menu Items

From the menu editor, add items from the panels on the left:

• Pages — Static pages
• Posts — Blog posts
• Products — Shop products
• Categories — Post categories and tags
• Product Categories — Product-specific categories and tags
• Custom URL — Any external or internal URL

Drag items to reorder. Drag items to the right (indent) to make them sub-items.

Reading Menus in Templates

// By location
$menu = get_falcon_menu('header');   // header menu
$menu = get_falcon_menu('footer');   // footer menu

// By slug
$menu = get_falcon_menu('main-nav');

// Render menu items
if ($menu && $menu->items) {
    foreach ($menu->items->whereNull('parent_id') as $item) {
        echo '<a href="' . $item->url . '">' . $item->title . '</a>';

        // Sub-items
        foreach ($item->children as $child) {
            echo '<a href="' . $child->url . '">' . $child->title . '</a>';
        }
    }
}

Builder-based Header & Footer

For maximum flexibility, use the Falcon Builder to create your header and footer visually:

1. Go to Admin → Appearance → Builder Sections
2. Click Edit Header or Edit Footer
3. Build your layout using the full Falcon Builder
4. Save

Render in your theme's layouts/app.blade.php:

<?php get_falcon_header(); ?>

<!-- page content -->

<?php get_falcon_footer(); ?>

The builder-based header/footer automatically applies sticky behavior and responsive visibility.

Mega Menus

Falcon CMS has a built-in visual Mega Menu Builder — no CSS required.

Enabling a Mega Menu

1. In the menu editor, hover over any top-level item
2. Click the Mega Menu toggle that appears
3. Click Edit Mega Menu to open the builder

Mega Menu Builder

The mega menu panel opens a mini page-builder where you can:

• Add multiple columns (2, 3, or 4 column layouts)
• Place any builder element inside each column — headings, image, links, icon lists, etc.
• Set a panel background color and max width (defaults to site width)
• Each column has its own settings (width, padding)

How it renders

When a visitor hovers over the top-level item, the mega menu panel drops down — centered and constrained to your site's configured width. It is fully responsive and collapses to a standard mobile accordion on small screens.

TIP

If the mega menu panel appears misaligned, check Settings → Site Width — the panel uses this value to center itself relative to the page container.