DocsONavNavigation Styles
Configuration

Navigation Styles

ONavorravo.com/docs/onav/styles

Navigation Styles

Set the active style under ONav → Appearance → Style.

Default

Standard horizontal navbar. Logo left, links center or right, CTA button. Supports dropdowns and mega panels. Sticky with hide-on-scroll behaviour.

Aurora

Full-width mega-nav. Transparent overlay on hero images, solid background on scroll. Supports columns of links, featured images, and inline CTAs in dropdown panels. Best for content-rich sites.

Penelope

Minimal pill-style nav. Links in a bordered pill container. Compact and elegant. Supports dropdowns. Fixed at top.

Iconic

Icon + label grid navigation. Each primary item shows an icon above its label. Suited for app-style navigation or sites with a small number of top-level sections.

Northwind

Split layout. Logo centred, links evenly distributed on both sides. Classic magazine/editorial style.

Atelier

Dark, editorial style. Tall navbar with generous padding. Accent colour on active/hover. Suitable for portfolio and agency sites.

Switching Styles

Each style has its own default configuration block in ONAV_Config. When you switch styles, the new style's defaults are merged with your current overrides — you don't lose custom colours or items when switching.

Navigation Styles — ONav Docs — Orravo