Select the Navigation block and review whether its overlay is off, used on mobile or shown at all sizes. The options available depend on the installed WordPress version and theme. If a custom overlay template is supported and used, treat it as another shared design object that needs review.

Keep the menu trigger recognisable and provide a visible close control. A decorative icon without an understandable accessible name can make the menu difficult to use.

1. Open the public page while signed out at a phone-sized width.
2. Activate the menu trigger and inspect the overlay's text, background, spacing and scroll behaviour.
3. Open each submenu and follow representative links, including a long label and an external destination if present.
4. Close and reopen the menu. Repeat with keyboard navigation and check that focus is visible and returns sensibly.
5. Test on another page type using the same header and, where possible, a real mobile device.

Cookie notices, chat widgets, fixed headers and other overlays can cover menu items or the close button. Check the combined state visitors actually see, not only a clean editor preview.

Increase text size and inspect a long menu. Content should remain reachable without horizontal overflow or a fixed-height container clipping the final links. If the overlay uses a different colour scheme, verify link and focus contrast separately from the desktop menu.

If the trigger does nothing, record browser errors and recent theme or optimisation changes. A script-delay or minification setting can affect navigation, so test a targeted exclusion on staging instead of disabling unrelated protections permanently.

If links are unreadable, inspect the overlay and submenu colour settings before adding broad CSS that changes every link on the site. After a correction, clear relevant caches and repeat the open, navigate and close sequence. A successful visual screenshot alone does not confirm that the interaction works.

• Creating a navigation menu in a block theme
• Adding dropdown items to block navigation
• Previewing mobile layouts before publishing
• Adjusting global spacing without changing every page

• WordPress documentation
• W3C keyboard accessibility