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
⚠️Caution:
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.
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.
Step 3：Save and done!
End result as below：
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:
⚠️Caution:
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
Thank you!