You are viewing beta documentation for Navigation 4.x.

Templating

Build menus, sidebars, breadcrumbs, and custom node displays in Twig.

Build a Header Menu with Dropdowns

Build a header with a Shop dropdown and separate About and Contact links.

Build a Section Sidebar with Context API

Content-heavy sites often show a sidebar listing sibling pages in the current section — every page under Products, for example, with the current page highlighted.

Build a Mega Menu

A mega menu groups links into columns and can place a promotional image beside them.

Breadcrumbs: URL Trail vs Menu Trail

Breadcrumbs answer “where am I?” — but the right answer depends on whether you mean URL structure or position in the menu tree.

Auto-List a Section with Dynamic Nodes

Use a Dynamic node to keep a list of blog posts up to date as you publish content.

Node Custom Fields for Icons and Badges

Some designs attach metadata to individual links — icon classes, badge text, short descriptions — without hard-coding handles in Twig.