Skip to main content

Mobile & desktop chat settings

ShopGuide keeps device-specific controls short on purpose: separate height limits, and a couple of accommodations for stores with a mobile nav bar or a desktop drawer. On phones, the chat also opens full screen by itself. That's the whole list.

How tall the chat can grow​

Set separately per device on the Appearance page, under Chat Max Height: Max height desktop (% of window) and Max height mobile (% of window). Desktop starts at 45% for new stores (35% for stores set up before that change), mobile at 50%. This caps the open chat panel before its message list starts scrolling internally. On phones the limit applies to the inline chat only; once the chat is open full screen, it fills the screen.

Full-screen chat on phones​

On phones (screen width up to 749 px), tapping the inline chat (the input, a message or a suggestion chip) or the bubble opens the chat full screen. It has a header with your store name, the cart with its live item count, and a close button, and the input stays pinned above the keyboard. Shoppers close it with the ✕ button, the phone's back gesture or Escape, and the page returns to where it was. If a product comparison table appears, the full screen closes and the page scrolls to the table.

This is on for every store and happens automatically; there is no setting for it in the admin. If you would rather keep the chat inline on phones, contact ShopGuide support.

Cookie banners and consent pop-ups still open on top of the full-screen chat. A cart drawer from your theme with an ordinary stacking order may open behind it after an add to cart; the shopper sees it once they close the chat.

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: hide-on-desktop or hide-on-mobile switches, 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​