Navigation & Menus

Primary Menu

One menu exists: Main Menu (slug: main-menu), assigned to both the primary and slideout locations so the desktop navigation and mobile off-canvas panel stay in sync.

Position	Title	URL	Target
1	Recommendations	https://id86.net/recommendations/	Same tab
2	GitHub	https://github.com/donnyaw/ID86-instant-documentation	_blank

Header Search

• A search icon (SVG from GeneratePress) renders in the header menu bar on every page, all devices.
• On desktop non-front pages the icon appears in #site-navigation; on the desktop front page it is hidden by CSS because the hero search bar is the primary entry point.
• On tablet/mobile (≤ 1024px) the search icon appears in the top bar (#mobile-menu-control-wrapper) on every page, including the front page. Clicking it opens the Fuse.js command palette.
• The palette is the same on all devices and already handles small viewports (max-width: calc(100vw - 24px), top: 64px).

Implementation:

• The GeneratePress native search modal is removed via remove_action in functions.php.
• The replacement trigger data-id86-fuse-open opens the #id86-fuse-palette overlay.
• The trigger carries the class id86-search-trigger; mobile-only pill styling and the desktop front-page hide rule are scoped to that class.

Mobile Navigation

• GeneratePress slideout navigation is enabled via GP Premium.
• On screens ≤ 1024px, the mobile hamburger menu toggle appears in the top bar alongside the search and dark-mode controls ([search] [dark] [hamburger]).
• On screens ≥ 1025px, the desktop primary navigation and its menu-bar-items are shown; the mobile control wrapper is hidden.
• The slideout panel has a close button (X icon) and displays the same Main Menu as the primary navigation.
• Main Menu must be assigned to both primary and slideout; an invalid or empty slideout assignment makes the hamburger panel appear empty.
• The slideout contains the menu links only — the dark-mode control lives in the top bar, not the panel.

Page Structure

Slug	Title	Purpose
/	Home Page 2	Homepage with Elements
/sample-page-2/	(homepage alias)	Alternative homepage alias
/recommendations/	Recommendations	Affiliate tool recommendations
/about/	About ID86	Site purpose and editorial principles
/privacy-policy/	Privacy Policy	Legal
/terms-of-use/	Terms of Use	Site usage terms
/affiliate-disclosure/	Affiliate Disclosure	Recommendation disclosures
/blog-page/	Blog Page	(unused)

Category Page URLs

Slug	Name
/category/code/	Code
/category/devops/	DevOps
/category/ai/	AI
/category/security/	Security

Category pages use the GeneratePress archive template with the #Archive Post Layout and #Archive Title Elements.