Swap subnav with World Cup 2026 subnav on tagged articles#15823
Closed
DanielCliftonGuardian wants to merge 9 commits into
Closed
Swap subnav with World Cup 2026 subnav on tagged articles#15823DanielCliftonGuardian wants to merge 9 commits into
DanielCliftonGuardian wants to merge 9 commits into
Conversation
DanielCliftonGuardian
added
the
feature
DanielCliftonGuardian
changed the title
Contributor
SiAdcock
reviewed
May 19, 2026
| {config.links.map((link) => ( | ||
| <li key={link.label} css={subnavListItemStyles}> | ||
| <a | ||
| href={`/${link.id}`} |
Contributor
There was a problem hiding this comment.
I wonder if – as a small convenience – we could hide the link if it doesn't have an id yet (i.e. because the underlying article hasn't been published and the URL doesn't exist)
Jakeii
force-pushed
the
World-cup-sub-nav-articles
branch
from
143d56c to
0c395c1
Compare
Member
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What does this change?
This PR introduces a tailored sub-navigation experience for content related to the 2026 World Cup. It hides the default main sub-navigation and replaces it with a dedicated tournament subnav on any article featuring the football/world-cup-2026 tag.
Added a new configuration for the World Cup 2026 to DirectoryPageNav.tsx. Introduced a subnav variant that renders a horizontally scrollable list of context-specific links (e.g., Match centre, Player guide, Bracketology, Golden boot) Added new CSS styling (subnavInnerStyles, subnavListStyles, etc.) to match the alignment, borders, and breakpoints of the standard Masthead navigation.
Layout modifications: Updated all standard article layouts (AudioLayout, CommentLayout, LiveLayout, PictureLayout, ShowcaseLayout, and StandardLayout) to conditionally pass showSubNav={false} when the football/world-cup-2026 tag is present.
Why?
To provide an immersive, contextual navigation experience for the 2026 World Cup. By swapping the standard subnav for tournament-specific links, we improve discoverability for readers, allowing them to easily jump between live matches, guides, and stats.
Part of #15704
Screenshots