Site Header - TUX Docs

Table of Contents

Specifications
1. Properties
2. Styling
  1. Colors
Changelog

Specifications

Properties

Property	Type	Description	Required	Default
logo	`integer`	WordPress image ID	Yes	-
logo_mobile	`integer`	WordPress image ID	No	-
logo_alt	`string`	-	No	-
tag	`string`	-	No	-
variant	`string`	-	No	-
secondary_class	`string`	-	No	-
menu_items	`array`	-	No	-
└ item	`string`	-	-	-

Styling

Colors

Name	Application	Custom Property	Roles	Default Opacity	Description
main-bg-color	background	-	background	-	-
main-text-color	text	-	on-background	-	-
bar-bg-color	background	-	surface, background	-	-
bar-text-color	text	-	on-surface, on-background	-	-
border-color	border	-	secondary, on-background	-	Currently only applies to nav on mobile breakpoints to differentiate it from the rest of the header.

Changelog

6.27.0 (2025-05-14)

fix: remove extra space from image and align it center (#792) (41ea406)
fix: remove highlight class (#790) (08fe3bd)

6.17.0 (2024-11-13)

feat: add box shadow under main nav for v2 styles (#691) (fea1fca)

6.13.0 (2024-07-17)

fix: limit width of content in horizontal variant, limit menu item width (#611) (ffecfe0)

6.10.0 (2024-05-01)

fix: add resize observer to handle transition between breakpoints (#576) (fb5847e)
fix: set width for proper layout in chrome for colors v2 (775429e)
fix: vertically align search bar and nav links (#580) (6b27154)

6.8.2 (2024-04-02)

fix: add border for nav on mobile (cc60909)
fix: adjust div wrapper for new color system (aef979f)

6.8.0 (2024-03-13)

fix: enable mobile logo for new styles (759a67e)

5.1.0 (2023-07-03)

fix: match menu focus-visible styles to hover styles (#445) (c1dc1f3)

1.38.0 (2022-09-08)

fix: search and nav triggers now close each other (#319) (1932725)

1.37.0 (2022-08-18)

fix: properly set layout modifier from custom field (#307) (25a03ab)

1.15.0 (2021-01-25)

fix: adjusted the way the header displays on IE (8d47841)

1.14.0 (2020-12-15)

fix: change layout technique for logo in artesia (eec8ddf)
fix: minor styling adjustments (02684a8)
fix: use template for icon-buttons (1f1e5d2)
feat: full redesign to support visible search field (#23) (bfb4ea0)

1.8.0 (2020-08-03)

fix: make sure info bar has min-height (82ba215)

1.7.0 (2020-07-13)

fix: remove scroll transformation (ee8194c)

1.3.0 (2020-05-08)

fix: change screen reader text to arial-abel (c4088f9)
fix: improve accessibilty of main nav (e49eca4)
fix: set alt text of logo based on site title (b77881e)
fix: add aria-expanded attribute to menu trigger (0e1ddc2)
fix: add heading for global RFI modal (ef25260)
fix: improve search toggle button accessibilty (2938a8f)

1.2.0 (2020-04-17)

fix: add menu label (fed1638)
fix: add target option for apply link (a9767b6)
fix: remove words next to phone (7166c01)
fix: restyle apply link as highlight (d4a2c91)

1.0.0

site-header added