Streaming live at 10am (PST)

Mobile Chat Widget shows up in wrong place on iPhone

Installed facebook chat widget: https://developers.facebook.com/docs/messenger-platform
https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin

On Mobile iPhone devices sometimes the chat widget shows up on bottom as intended, and sometimes at TOP of page as NOT intended: see screenshot below. Unable to ident

site:


(open on iPhone)
(

designer preview:
https://preview.webflow.com/preview/atxfoodco-4-5?utm_medium=preview_link&utm_source=dashboard&utm_content=atxfoodco-4-5&preview=6edb7762f5894ea8028c4a393ae180e9&mode=preview

how do you always get it to show up on bottom as intended?

It should look like this:

Mod edit: topic changed to custom code.

It would be helpful to define what the chat widget is.

Hi @webdev

The widget is Facebook chat widget native. Found in the opening body tag on most pages:
image

I have SDK and followed all instructions to a T.
Load Facebook SDK for JavaScript Ref https://developers.facebook.com/docs/messenger-platform
https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin

This works as intended on Desktop Browsers and Android browsers but on iPhone 8 Plus and iPhone X, the chat notification is appearing on top (seemingly randomly)!

Preload mesage on top = bad image

Preloaded message bottom = good

Thanks for looking into this!

no bueno?
I have adjusted timer to be 999 seconds in meantime until a solution is resolved. Thanks for looking at this.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.