Header Base

header_base renders the standard landing header with logo, optional title, desktop navigation, mobile menu, CTA, and theme toggle.

When to Use

Use it at the top of landing pages that need lightweight navigation. Keep the menu short and reserve the CTA for the page's primary action.

Usage

{{ header_base(
container="lg",
menu="Docs|/docs,Shortcodes|/docs/shortcodes",
cta_text="Start",
cta_url="/docs"
) }}

Live Example

Parameters

ParameterDescription
containerInner content width for the header.
logo_lightLogo URL used in light mode.
logo_darkLogo URL used in dark mode.
show_titleSet to false to hide the site title.
menuComma-separated `label
cta_textOptional header CTA label.
cta_urlOptional header CTA URL.
cta_variantCTA style: solid, outline, or ghost.
cta_colorCTA color token.
show_themeSet to false to hide the theme toggle.
stickySet to true to keep the header fixed at the top.
classAdditional CSS classes on the header.