Topbar

Topbar controls an optional bar above the main header, including its visibility, backgrounds, borders, and navigation styling. It uniquely provides scroll-state colors so the bar can restyle as the page scrolls.

Show topbar

A boolean toggle that enables or disables the topbar entirely.

Background color

Sets the topbar background color.

Scroll background color

Sets the topbar background color once the page is scrolled.

Border color

Sets the topbar border color.

Scroll border color

Sets the topbar border color once the page is scrolled.

Links

Configures link Color, Hover color, Toggles color, their on-scroll equivalents, Font weight, and Desktop/Tablet/Mobile groups.

Dropdowns

Styles dropdown menus within the topbar via a Links group, Background color, and per-breakpoint groups.

Desktop

Sets the topbar Spacing on desktop screens.

Tablet

Sets the topbar Spacing on tablet screens.

Mobile

Sets the topbar Spacing on mobile screens.