Skip to main content

Mobile & desktop chat settings

ShopGuide keeps device-specific controls short on purpose: show or hide per device, separate height limits, and a couple of accommodations for stores with a mobile nav bar or a desktop drawer. That's the whole list.

Showing or hiding by device

In Settings: Hide on desktop removes the widget above the mobile breakpoint, and Hide on mobile removes it at or below that breakpoint. The line is fixed at 766px — 766px and wider counts as desktop, 765px and narrower counts as mobile. There's no separate tablet tier in between.

How tall the chat can grow

Set separately per device on the Appearance page, as a percentage of viewport height: desktop defaults to 35vh, mobile to 50vh. This caps the open chat panel before its message list starts scrolling internally.

If your theme has a bottom nav bar

Turn on "Store has mobile navigation bar" (Settings → Bubble) and the chat's notification bar shifts up to stay clear of it.

Drawer Mode, desktop only, still experimental

"Enable Drawer Mode (experimental)", under Settings → Experimental Features, opens the chat as a fixed right-side drawer on desktop instead of scrolling the page to it inline. It automatically falls back to the normal behavior below 1024px. Test it thoroughly before trusting it on a live store — it's labeled experimental for a reason.

Not real settings

Don't go looking in the admin app for any of these — they don't exist: separate positioning rules per breakpoint beyond the desktop/mobile split above, swipe gestures or drag-and-drop, touch-target sizing controls (tap targets are fixed by the widget's own CSS), or per-device color or font overrides.

Before you call it done

Preview both mobile and desktop in the theme editor after any change. Confirm the bubble and open chat panel don't overlap your theme's own sticky elements — nav bar, sticky add-to-cart, cookie banner. And if you turned on Drawer Mode, resize the browser across the 1024px line to make sure the fallback actually kicks in.

Next steps