![Gradient_Horizontal_onDark-2.png]](https://support.goconsensus.com/hs-fs/hubfs/Gradient_Horizontal_onDark-2.png?height=40&name=Gradient_Horizontal_onDark-2.png){kind=small}
Desktop vs Mobile User Experience
Desktop vs Mobile User Experience
DRAFT — prepared 2026-04-29
How the DemoPlayer behaves on desktop vs. mobile
The Consensus DemoPlayer adapts to the device the viewer is using. Desktop and mobile experiences cover the same demo content, but layout, navigation, and a few features differ.
Breakpoint
The DemoPlayer's breakpoint between desktop and mobile layouts is 1024 px wide. Browsers narrower than that get the mobile experience; wider gets the desktop experience.
Differences
- Layout — desktop has a sidebar with topic selection; mobile collapses it into a menu.
- Video controls — desktop hover-reveals controls; mobile shows a tap-based control bar.
- Document bar — desktop displays documents in a horizontal bar; mobile lists them vertically.
- Cover page — desktop shows the PIV (if present) inline; mobile shows it full-screen.
- Iframe embedding — desktop iframes display fine. Mobile users should be sent the direct URL (not the iframe), so the DemoPlayer can render full screen rather than inside a constrained iframe.
Best practices
- Test your demos on both desktop and mobile before publishing.
- For mobile-heavy audiences (executives, BDRs in field, consumer-side), avoid iframe embeds — link to the demo URL directly.
- Avoid demos that rely on hover interactions — those don't translate to mobile.