Close mobile navigation after a destination is chosen

What to change

Require a completed navigation action to leave the visitor with the destination visible and a sensible focus position.

A worked example

Illustrative example

Selecting Contact from the mobile menu reveals the contact section and restores ordinary page scrolling. The visitor can immediately continue toward the contact options.

How to check the result

Accept when all supported menu destinations complete navigation cleanly and no invisible layer blocks the resulting page.

A mistake to avoid

Removing the visible panel without removing its transparent backdrop can leave a page that looks usable but ignores taps.

Your action checklist

Use these checks to prepare a discussion with your team or supplier. Tick a check when you have recorded the decision or evidence, rather than when a feature has simply been promised.

Decisions to recordOpen the mobile menu and select a normal page link. Observe whether the overlay closes, scrolling works and the new heading is visible.Repeat with an on-page section link and the browser Back button. Ask the supplier to demonstrate how those routes handle the menu state.Use a keyboard to select the destination. Confirm focus does not remain in hidden menu controls after the panel closes.

Evidence, open questions and decisionsNext action and responsible role

Entries stay in this page and are not submitted to Kay & Co. Download your notes before leaving; the page does not save them.