Skip to content
Draft— not yet reviewed

Navigation Bar

The site-wide header. The desktop layout shows the brand logo on the left, a horizontal list of dropdowns in the centre, and a primary call-to-action button on the right. The mobile layout collapses to a logo + hamburger that opens a full-screen menu with chevron-bearing nav rows; tapping a row reveals its dropdown items with a back button.

Navigation Bar — Desktop, header + dropdowns

Navigation Bar — Dropdown menu items

Navigation Bar — Mobile, closed

Navigation Bar — Mobile, opened

Navigation Bar — Mobile, dropdown expanded

Navigation Bar — Mobile, row clicked

Fields

  1. Logo (from Global Settings)
  2. CTA Button
    1. CTA Button — "Let's Talk" in current designs
  3. Primary Nav Items (min 1, max 4)
    1. Label
    2. Kind (Link / Dropdown — Services / Dropdown — Industries / Dropdown — Locations / Dropdown — Company)
    3. Linked Collection (only when Kind is a Services / Industries / Locations dropdown) — Services / Industries / Locations
    4. Link (only when Kind = Link) — URL + isExternal?
    5. Company Items (only when Kind = Dropdown — Company) — labels + links (Press Releases, Resources, Case Studies — per Q8 these remain labels + links until a collection is defined)
      1. Label
      2. Link
        1. isExternal? (default: false)

Notes

  • The "Areas" wording on the Locations dropdown is a copy label; the schema field is Locations (per Q4).
  • Sales and Support phones render as outlined CTA Button link buttons in the trailing contact bar on mobile only (per Q29); the desktop nav lifts "Let's Talk" as the only CTA. The phones are not part of this slice's schema — they are read from Global Settings at render time.
Comments

Loading comments…

Prepared by Otterdev