Messenger chat misalignment

7of9

Hi,

We have a Messenger chat misalignment on our website. Normally all messenger chats align right, however this aligns left. Please check the picture:
Any ideas on how to fix that?

Thank you in advance.

saguaros

7of9

Hi,

It looks like you're using a 3rd party plugin for this, kindly check its settings if it supports option for this alignment.

Regards

7of9

saguaros I am using MobileMonkey for this. I am using it in many websites and it always aligns at the right except for this one. There is no parameter for alignment. I though the template causes this. Any ideas?

Ninja

7of9
Hi
Can you disable the css compression from the template and server so i can see the style path used for the iframe for chatbox to see the source of style.
With compression i am not able to see the style path, it seems there is iframe style for Facebook is moving it to right side with 100% width.

7of9

Ninja I just did.

Ninja

7of9
Hi
It seems you enabled development mode and using less file.
Kindly do not enable development mode. I can not see the css file if its enabled.

Or edit fields in first post and submit a temp super user login.

7of9

Ninja Temp super user login updated.

Ninja

7of9
Hi
open /templates/ja_fixel/local/css/themes/orange/template.css
Find this code

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
    width: 100% !important;
}

replace it with


.fb_iframe_widget,
.fb_iframe_widget span,
 {
  width: 100% !important;
}
.fb_iframe_widget iframe[style] {width:auto;}

save file, clear cache and check.

Regards

7of9

Ninja Sorry for the late response, I was out of town.
That seems to be working. Many thanks!

Ninja

7of9
You are welcome!