19 articles
Header
The pieces a header is built from, including the logo, the navigation, search, the cart, buttons and the zones that hold them. Arrange these inside a Header rather than on a page, so one header serves the whole site. Designs adding blocks here: Forum, Photographer.
App MenuAn app-style navigation bar pinned to the bottom of the screen on small devices.Header ButtonA call-to-action button/link for a built header, styled with the theme's button classes.Header CartThe WooCommerce mini-cart icon + dropdown for a built header. Renders nothing when WooCommerce is inactive.Header ContainerThe root of a built header: drop a Logo, Navigation, and other header parts inside.Header Icon LinkA single icon-only link for a built header (wishlist, account, user, cart trigger, login modal), using the .header-misc-icon markup.Header InfoA small inline info/contact element (phone, email, hours, or text) with an optional icon and link for a built header.Header LogoThe site logo for a built header. Uses the Site Logo from Theme Options by default, or a chosen image override.Header NavigationThe primary navigation menu for a built header. Pick a menu and alignment.Header RootThe outermost element of a built header: carries variant classes and data-sticky-* attributes read by the theme's sticky-header script. Drop the #header-wrap group (and...Header SearchThe header search toggle. Emits the #top-search trigger the theme search dropdown is wired to.Header Shop SearchAn always-visible product search field for a header row: the storefront and directory alternative to the header search toggle. Choose a bare field with a resting glyph...Header SocialA row of social / contact icon links for a built header, using the top-social markup and styling.Header TopbarThe slim utility row above a built header (#top-bar): drop Top Links, Header Social, Header Info, or a Language Switcher inside.Header ZoneA positioning slot inside a Header Container row: drop a Logo, Navigation, or a small cluster of header parts inside, then use the alignment/order/visibility fields to...Icon Nav ListA vertical Bootstrap .nav icon-link list (nav-item > nav-link > icon + text), used by off-canvas menu panels.Language SwitcherA compact language dropdown for a built header: shows the current language and lists the others, using the primary-menu with-arrows markup.Mega Menu ColumnA single mega-menu column (.mega-menu-column): a heading + link list, flat links, or free widget content. Place one or more inside a Row block as your Mega Menu content...Page MenuA sub-header page navigation bar with sticky and side-dots variants: one-page anchor scrolling or plain links. Use only one per page.Top LinksThe top-bar links menu with optional single-level dropdown, using the .top-links markup and styling.