Subject: Mobile chat window size – how to limit height / disable fullscreen?

Kamil Wisniewski January 19, 2026 at 12:00 pm
1 Replies
1 Participants

Discussion

Subject: Mobile chat window size – how to limit height / disable fullscreen?

Hello,

I’m using MxChat on a WordPress site and I’m having issues with the chat window size on mobile devices.

On mobile, the chat sometimes opens in a near-fullscreen mode, which breaks the page UX.
I would like to limit the chat window height and keep it as a floating widget, similar to desktop behavior.

Could you please confirm:

Is there a built-in setting or parameter to:

limit max height on mobile?

disable or prevent fullscreen behavior on mobile?

Is there an official CSS class, config option, or data-attribute intended for mobile sizing?

Do you recommend any supported approach (CSS-only, no JS) for controlling mobile chat dimensions?

I would prefer an official / supported solution rather than custom JS or MutationObserver hacks.

Thank you in advance.

Best regards,
Kamil

Hi Maxwell,
Thanks — the mobile height CSS works great.
One more question: on mobile the chatbot width seems locked to full width (likely wrapper uses left:0/right:0 or 100vw), so width/max-width on .floating-chatbot has no effect.
Is there a supported selector or setting to control mobile width (e.g., 90vw / 85vw), or can you add a width option to the theme customizer as well?
Thanks!