Skip to main content
The embed widget automatically adapts its layout on mobile devices (viewport width under 768px). No configuration is needed — the responsive behavior is built in.

​
Tray on Mobile

On desktop, the tray opens a compact 583 × 800px panel. On mobile, it switches to a full-screen overlay for better usability on small screens.

​
Full-screen on Mobile

No change — full-screen is already the same layout on both desktop and mobile.

​
Chatbar on Mobile

The chatbar adapts its layout while keeping the inline input bar: When the chat window is open on mobile, the widget container expands to fill the entire screen. When closed, it shrinks back to just the input bar.

​
Detection

Mobile detection uses window.innerWidth < 768. This check runs when the widget is first created. If the user resizes the browser window after creation, the chatbar re-evaluates on open/close transitions.
The 768px breakpoint is not currently configurable. If you need different behavior at a specific breakpoint, you can conditionally set the type option based on your own viewport check before calling embedWidget().