Blinds & Mats: Headers and Footers Done Right

Headers and footers sound simple until you need a 3-column mega menu with hover dropdowns, a mobile drawer, sticky shrink on scroll, a search bar, an announcement bar, and a CTA button, all without a WordPress theme.

Blinds: The Header Builder

Blinds is a visual header builder stored as JSON in a WordPress option. Each menu is a structured document: layout settings (classic, centered, split), global styles (colours, fonts, heights, shadows), and a tree of navigation items with mega-menu children.

The mega dropdown supports configurable column counts and ratios (e.g. 1fr 1fr 1fr), per-item icons and descriptions, column dividers, a footer row, and a featured-first layout. Trigger can be hover or click. The dropdown animates in with a configurable transition (fade, slide, scale).

On mobile, a full-screen overlay drawer slides in with the same menu items reflowed vertically. The breakpoint is configurable. The mobile drawer gets its own close button, back navigation for submenus, and touch-friendly hit targets.

Mats: The Footer Builder

Mats follows the same pattern, a JSON document with columns, widgets, and styles. Widget types include logo blocks, link lists, text blocks, and social icons. The bottom bar handles copyright text and a back-to-top button.

Both Blinds and Mats are rendered by the template engine when No Theme mode is active, or can be injected into any Infinite page as section types. The rendering is pure PHP, no JavaScript required for the static output, just a small JS file for sticky behaviour and mobile interactions.