Hack #020 · Web builds

Your logout button only exists on desktop

How to check that every account can sign out, switch users and reset a password from a phone, before someone gets trapped in a session.

2026-09-12 · 5 min · we hit this one ourselves

By Chen Deng · OxOne, Calgary AB

Do this

Open your admin panel in a phone-width browser and confirm you can sign out — if the only logout control lives in a sidebar that collapses on mobile, add it to the mobile menu or a footer that shows at every width.

Someone on your team opens the admin panel on her phone, does her bit, and then wants to sign out — maybe she's on a shared device, maybe she's handing the phone to someone else. There is no sign-out button. The control that logs you out lives in a left-hand sidebar, and on a phone that sidebar is hidden behind a hamburger menu that only lists the navigation links. Account controls got left out of the mobile menu entirely. She is now stuck in a session she can't end without a laptop.

This is one of the most common holes in a small web build because of how these things get made: the desktop layout is designed first and tested constantly, and the mobile version is a squeezed-down copy that someone eyeballs once. Sign-out, switch-account and password-reset are the controls least likely to be used during a demo, so they're the ones nobody notices are missing.

Do the phone test yourself

You don't need a phone. Every desktop browser can pretend to be one, and it takes about five minutes.

  1. Open your admin panel or logged-in dashboard in Chrome, Edge or Firefox.
  2. Press F12 (or right-click → Inspect) to open developer tools.
  3. Click the small phone/tablet icon — in Chrome it's top-left of the dev-tools panel, called Toggle device toolbar, or press Ctrl+Shift+M.
  4. Pick a narrow device like iPhone SE from the dropdown, or drag the width down to about 375px.
  5. Now try to do each critical account action without ever widening the window.

Here is the list to actually run through, not just skim:

If any of those is unreachable at phone width, you've found the bug before it found your staff.

Where it actually breaks

desktop sidebar holds sign-outsidebar collapses on mobilehamburger menu only lists nav links

The fix depends on how the panel was built, but it's almost always one of these:

✗ What it does now

Account controls (sign out, profile, password) are children of a desktop-only sidebar component. When the viewport narrows, that whole component is set to display:none and nothing replaces it.

✓ What you want

Account controls live somewhere that renders at every width — inside the mobile menu, in a persistent top-bar avatar dropdown, or in a footer that shows on all screens.

If you're on a platform builder (Softr, Bubble, Glide, a WordPress admin theme, a custom Tailwind dashboard), the practical move is to add the sign-out link to the same menu block that holds your mobile navigation, rather than trying to make the desktop sidebar reappear. One reliable belt-and-braces option: put a plain text Sign out link in the site footer, since footers almost always render at full width.

The controls people use in a panic are the ones nobody tests calmly.

Make it a habit, not a one-off

Fixing this instance is easy. Stopping it recurring is the real hack: add the phone test to whatever you do before a build goes live. Any account action a user might need on their own — sign out, reset password, view billing, cancel — gets checked at 375px width, on a real login, not a screenshot.

Test with a throwaway account

Don't test sign-out and password reset on your own owner account — use a second, low-privilege test login. If a reset goes sideways you don't want it to be the one account that controls everything.

When to hand it off

If your panel was custom-coded and the sidebar is baked deep into the layout logic, or if adding a mobile control breaks the styling every time you try, that's the point to bring in whoever built it. It's a small change for someone who knows the codebase and a frustrating afternoon for someone who doesn't. Describe it precisely: "account controls are inside a desktop-only sidebar and don't render below tablet width." That sentence saves an hour of back-and-forth.

Every one of these came out of work we actually did. If you would rather not do it yourself, book a free 30-minute diagnostic and we will tell you which of these your business is losing money to.

More on this Business automation for Calgary companies Everything we have written