Bug: Navigation hamburger menu icon missing on mobile viewports

[Jozz77]

Description

The navigation menu's "hamburger" icon is missing on mobile and tablet screen sizes. Users on smaller devices are unable to access the site navigation, as the desktop menu is hidden via CSS but no mobile-equivalent toggle is rendered or visible.

Observed Behavior:

• When the viewport width is reduced (below 768px), the horizontal navigation bar disappears.
• No triple-bar (hamburger) icon appears in its place.
• Users have no way to navigate to other pages from a mobile device.
• The header area appears empty or truncated on the right side.

Expected Behavior:

• A hamburger menu icon should appear when the screen width drops below the mobile breakpoint (e.g., 768px).
• Clicking the icon should trigger a slide-out or dropdown menu containing the navigation links.
• The icon should be clearly visible and interactable (high contrast against the header background).

Steps to Reproduce:

• Open the application in a desktop browser.
• Open Developer Tools and toggle the Device Toolbar to simulate a mobile view (e.g., iPhone 14 or Pixel 7).
• Observe the header section of the page.
• Notice that the navigation links are gone and no menu icon has replaced them.

Environment:

OS: Windows 11(Simulator for mobile device)
Browser: Chrome
Breakpoint: < 768px (Mobile/Tablet)

[owasp-blt]

👋 Thanks for opening this issue, @Jozz77!

Our team will review it shortly. In the meantime:

• If you'd like to work on this issue, comment /assign to get assigned.
• Visit OWASP BLT for more information about our bug bounty platform.

[Jozz77]

/assign

[owasp-blt]

@Jozz77 You have been assigned to this issue! 🎉

Please submit a pull request within 8 hours (by Mon, 09 Mar 2026 14:22:49 UTC).

If you need more time or cannot complete the work, please comment /unassign so others can pick it up.

Happy coding! 🚀 — OWASP BLT