Navigation Configuration Guide

Explanation of the navigation.yml settings for the Sandbox Jekyll theme

Navigation Configuration

Main Navigation

The main section defines the primary navigation menu, supporting dropdowns, mega menus, and direct links.

Multi-Column Dropdown (Projects)

A multi-column dropdown menu, useful for displaying portfolios or projects in an organized structure.

Mega Menu with Icons (Blocks)

A mega menu that displays UI components such as Features, Contact, and About with icons.

Documentation Navigation Example

The docs type is used for sidebar navigation in documentation pages. It organizes links into sections and subcategories for better accessibility.

One-Page Navigation

One-Page Navigation Links

One-page navigation allows users to click menu links that scroll smoothly to different sections of a single-page website.

Navigation Types Quick Reference

Navigation Types Quick Reference

Below is a quick reference table summarizing the different navigation types supported in navigation.yml.

Navigation Type Description Example
Documentation Navigation Sidebar navigation specifically for documentation pages. type: docs
Mega Menu (Images) Displays large dropdown menus with images. type: mega-menu-img
Dropdown Menu A standard multi-level dropdown navigation. type: dropdown
Dropdown Columns Multi-column dropdown layout for structured navigation. type: dropdown-columns
Mega Menu (Icons) Displays UI blocks in a large dropdown with icons. type: mega-menu-icon
One-Page Navigation Links that scroll smoothly to different sections. onepage: links