Customizing Menus

Taxo Theme Documentation

Taxo navigation lives in:

src/config/menu.en.json
src/config/menu.fr.json

These files control:

the main desktop navigation
nested dropdowns
the mega menu
the mobile offcanvas navigation
both footer menu rows

Taxo uses the headerPrimary array:

{
  "headerPrimary": [
    {
      "enable": true,
      "name": "Home",
      "weight": 0,
      "url": "/"
    },
    {
      "enable": true,
      "name": "Mega Menu",
      "weight": 1,
      "hasMegaMenu": true
    }
  ]
}

Enabled items are filtered at runtime, so enable: false cleanly removes the item from header layouts and the mobile offcanvas menu.

Nested Dropdowns

Regular dropdowns use hasChildren plus a children array:

{
  "enable": true,
  "name": "Pages",
  "hasChildren": true,
  "children": [
    {
      "enable": true,
      "name": "About Us",
      "url": "/about/"
    }
  ]
}

The mega menu is driven by:

menus: grouped columns
children: links inside each column
cta: the large promo block on the right

{
  "hasMegaMenu": true,
  "menus": [
    {
      "enable": true,
      "name": "Core Services",
      "description": "Delivery work for companies...",
      "children": [
        {
          "enable": true,
          "name": "Web Platforms",
          "description": "Marketing sites and CMS builds...",
          "icon": "Monitor",
          "url": "/services/",
          "weight": 0
        }
      ]
    }
  ],
  "cta": {
    "enable": true,
    "eyebrow": "Delivery Partner",
    "image": "/images/case-studies/case-study-1.png",
    "title": "Need a team that can design, build, and launch?",
    "description": "Use the menu to explore service lines...",
    "items": [
      "Strategy, design, and engineering in one workflow"
    ]
  }
}

{
  "footerPrimary": [
    { "enable": true, "name": "About Us", "url": "/about/" }
  ],
  "footerSecondary": [
    { "enable": true, "name": "About", "url": "/about/" }
  ]
}

If a page is not ready yet, hide the menu item first:

{
  "enable": false,
  "name": "404",
  "url": "/404/"
}

That removes the link from navigation without changing the underlying route.

enable: show or hide an item
name: visible label
url: link target
weight: sort order
hasChildren: nested dropdown
hasMegaMenu: full-width mega menu
description: helper text for mega menu groups and items
icon: icon name for mega menu children
badge: optional badge next to an item

Important Taxo Detail

Menu labels are not pulled from the i18n files. If multilingual mode is enabled, you must update both menu.en.json and menu.fr.json.