How to move Messenger Live Chat to right-bottom position?

5 replies · opened Jan 19, 2019

Jjavck2Jan 19, 2019

I want to change the Messenger Live Chat window to right-bottom as default.
But it always go to left-bottom corner.

This is my test site:https://dev.codingapeschool.com
Please give me some advice..

Jjavck2Jan 24, 2019

Hello ,
my question is not how to put Messenger Live Chat in my website.

I already did that.

My question is , as default , the live Chat window should appear on the right-bottom corner.But in my website , it shows on left-bottom corner.
I thought that is problems with Canvas.

Could you give me some advice to change its location?

SSemicolon WebSTAFFJan 24, 2019

Hello,

Apologies about the Misunderstanding. Please find and delete the following code in the style.css File:

.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {
	display: block !important;
	width: 100% !important;
	margin: 0;
}

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSemicolon WebSTAFFJan 31, 2019

Hello,

We can still see the Facebook related CSS Codes referenced above in the https://codingapeschool.com/css/all.css File. Please remove them and this issue should then be fixed.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard