Messenger bubble takes 390px

Hi! This is Shuyuan, an engineer from Facebook working on plugin.
When you say the bubble, do you mean the messenger icon or the message dialog?

The message dialog when closed(minimized) does have width of 390px, but also height of 0px, so it should not block any content. Can you maybe share a screenshot with the element highlighted?

When you say “bubble never opens anymore by itself”, does it mean the dialog doesn’t auto-expand on page load?
In that case you can try to clear the cookie/cache, and if you have it set to auto-expand, then it should work with a clean cookie.

Also if you can share your website, that’d be helpful too. Thanks you ??

Hi @lolalyluo

I mean the bubble itself takes 390px instead of the previous small bubble.

Here’s a picture: Click here
Also, the website: Click here

I checked the website.
I think some customized CSS is applied to the bubble and the dialog, so that the dialog is on the right side of the bubble. Specifically: “width: 390px !important;”
Deleting the CSS code interfering with the chat plugin can resolve the issue, but the dialog will be on the left side as our default

Hello,

But we did not applied any custom code. That’s coming straight out of the messenger code…previous version was working fine. This is happening only after the update.

Any solution to fix this?

It’s me again!
After looking into this, there are some css applied.

I identified this component: “<link rel=stylesheet href=https://cdn-01.smartrecruit.ro/wp…/cache/minify/e0c00.css media=all>” in the https://www.smartrecruit.ro/ page.

After opening the link we can see one of there is a css : “iframe{width:390px !important}” Which means apply width 390px to iframe (the messenger icon is an iframe). !important means overwrite everything.

please remove this css and the issue shall go away