# Mega-menu depth and clutter — dev spec
Site: yahoo.com · Priority 7 · High · Effort: Medium (2-5 days)

## Problem
The sports article page features a deep mega-menu with many sports categories, increasing cognitive load and potentially distracting from content consumption.

## Evidence (from the live site)
> Nav_items include 'NFL', 'Fantasy', 'NBA', 'MLB', 'NCAAF', 'NHL', 'WNBA', 'Golf', 'Tennis', 'Betting', 'NCAAB', 'NCAAW', 'Fantasy Football 2026', 'Lacrosse', 'Swimming' (15 items) plus top-level items; n_links: 195.

## Current state
h1: Carson Wentz, J.J. McCarthy Get Brutal Verdict After Vikings Loss; cta: Sign in, Watch, Schedule, Get Fantasy Plus, Watch on X; notes: Mega-menu with many sports categories, potentially overwhelming users and increasing navigation time.

## Required change
h1: Carson Wentz, J.J. McCarthy Get Brutal Verdict After Vikings Loss; cta: Sign in, Watch, Schedule; notes: Reduce menu items to top sports, use a 'More' dropdown for less popular categories, and prioritize content over navigation.

## Acceptance criteria
- GIVEN a first-time visitor on the affected page
- WHEN the change is live
- THEN Reduce menu items to top sports, use a 'More' dropdown for less popular categories, and prioritize content over navigation.
- AND no layout regression at 375px / 768px / 1280px
- AND the changed control is keyboard-reachable with an accessible name

## Tracking
- Fire `cro_mega_menu_depth_and_clutter` on interaction with the changed element
- Verify the event fires in BOTH variants before opening traffic

## Test plan
- Two-proportion z-test, 95% significance, 80% power
- 315,206 visitors per variant to detect a 5.0% relative lift
- Run at least one full business cycle; duration depends on traffic

## Rollback
Feature-flag the change; revert if the primary metric drops for 3 consecutive days.