Articles on: Online Store

Relocate Messenger Chat Box

Having issue of Messenger chat box blocking your mobile navigation bar? No worries, we got your back. Now the Messenger chat box's location can be relocate above the mobile navigation bar

Please re-do the coding, if you change theme as the coding is not implant in the new theme yet.
The coding below is only for Messenger Channels plug-in.

How to relocate the Messenger button?

Step 1:Proceed to EasyStore Admin Panel > Channels > Online Store > Edit Sources > Look for base.css

Step 2:Add the below coding in the bottom of base.css.

div#fb-root iframe {bottom: 90px !important;}

Step 3:Save and done!

End result as below:

Mobile View

Desktop view:

If you have more than 2 chat buttons and if they overlap with each other, you can also refer to the steps given above to avoid the overlapping issue.

The end result would appear as the image shown below:

Updated on: 11/10/2023

Was this article helpful?

Share your feedback


Thank you!