Panel Layout
Choose whether the extension panel pushes the page or overlays it.
When you open the Teleperson panel, you can choose between two layouts:
- Push page (default) — The page itself shrinks to the left so the panel sits beside your content. Nothing important is hidden under the panel.
- Overlay — The panel floats over the right edge of the page, the way most browser-extension sidebars do. The page underneath doesn't change size.
Push mode is on by default because it almost always feels better — your content isn't covered while you're reading the panel. Overlay is there as a fallback for sites where push mode misbehaves.
Switching modes
Open the panel's Settings (the gear icon in the header) and look for Page layout when panel opens. Pick Push page or Overlay. The change applies to every open tab immediately — no reload needed.
The choice is stored locally on your device.
When push mode misbehaves
Push mode shrinks the page by adding a right margin to the page's root element. That works on most sites, but a few patterns don't cooperate:
- Sticky headers and on-page chat widgets that anchor themselves with
position: fixedwill keep floating at the original right edge of the viewport, so they may overlap the panel even though the rest of the page has reflowed. - Full-bleed sections using
100vw(heroes, video players) can extend under the panel because100vwignores page margins. - Single-page apps that measure the window in JavaScript (Google Docs, Figma, complex dashboards) sometimes keep their original width and crop on the right. Teleperson dispatches a window resize event after the layout shifts, but apps that ignore resize events won't relayout.
- Pages with
overflow-x: hiddenon the root element may clip the layout oddly during the transition.
If push mode breaks a site you use often, switch the setting to Overlay. The panel will go back to floating over content.
On narrow windows
Below roughly 540 pixels of browser width, the panel goes full-width to be usable on small screens. Push mode is disabled at that size — pushing the page all the way off-screen wouldn't help anyone — so behavior matches what you'd get from Overlay.