At the app's real breakpoint (1024px) the engine switches modes. Guide mode drops the dim and the cutout and shows a branded sheet above the mobile nav with the same step content, a progress bar and a Next button; it collapses to a slim chip so you can see the screen. Click steps still auto-advance when their target resolves.
Also called: tour on my phone · mobile tutorial · bottom sheet guide
- 1A matchMedia listener at (min-width: 1024px) drives the switch; crossing the seam mid-tour re-runs the current step in the other mode
- 2The sheet renders whether or not the target resolves, so a slow screen never blocks the lesson (target wait is capped at 4s in this mode)
- 3The sheet sits above the mobile nav using the shared clearance constant (safe area + 92px), and the nav stays usable — guide mode expects you to navigate
- 4Every step offers a manual Next in guide mode: it can never wedge
Half the people in a builder's account are in a truck, on a phone, with one hand free. The first version parked a floating tutorial button directly on top of the Send button in the message composer, so anyone trying to text a customer back hit the tutorial instead. On a phone the walkthrough is now a bottom sheet you can collapse and read while you work, rather than a dimmed screen with a hole cut in it — at phone width, a dimmed screen with a hole cut in it is mostly just a dimmed screen. The launcher sits up in the top bar, where it covers nothing.
- Desktop-only training in a product used from a job site
- Floating helpers colliding with the app's own bottom-right controls on phones
See it on your own jobs
Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.
or keep browsing features →