How to adjust live chat icon position?

[Lhot]

Hello everyone, could you kindly provide guidance on adjusting the position of the live chat icon to the top of the WordPress website? Thank you!

 

[CostasT_3CX]

Hi @Lhot,

You might want to try overriding the CSS styling of the chat bubble by using (!important) to anchor it at the top of your webpage. Please note that our Chat bubble was designed to expand upwards, so you will likely not be able to open and interact with the chat if you do this...

As such, you might be better off leaving the chat bubble in the bottom right corner as it is by default.

 

[SnakeRiverWebDevelopment]

You might want to try overriding the CSS styling of the chat bubble by using (!important)

This does not work, the style is within the callus.js that overrides the css, the only way is to remove that code from the callus.js

 

[stpaulschurch]

Hi @Lhot,

You might want to try overriding the CSS styling of the chat bubble by using (!important) to anchor it at the top of your webpage. Please note that our Chat bubble was designed to expand upwards, so you will likely not be able to open and interact with the chat if you do this...

As such, you might be better off leaving the chat bubble in the bottom right corner as it is by default.

I think the better option would be for the folks who write the 3cx plugin for Wordpress to simply add the ability to move the icon to different locations, or even make it dockable. Sadly, other WP features often use the bottom right, not to mention the Google Authenticator v2 icon. The more configuration the better when it comes to wordpress!