NN/g: "On large screens, don't cover the entire screen when megamenus are open" (Apr 30 2023)

Quote (NN/g, Apr 30, 2023):

"On large screens, don't cover the entire screen when megamenus (or submenus) are open."

Source: https://www.nngroup.com/articles/menu-design/

Confidence: Verified.

Implication: Desktop full-screen mega menus cause disorientation — users lose their place in the page beneath. Cap the mega menu at a sensible width (typically the content max-width of the site) and leave the page below visible. Mobile is different: full-screen sequential menus or accordions are the safer pattern there. See NN/g: split buttons unreliable on touch (fat-finger conflicts) — use sequential menus or accordions on mobile for the mobile distinction.