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.

How to relocate the Messenger button?

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

Step 2:Add the below coding in the bottom of theme.scss.

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:

Was this article helpful?
Cancel
Thank you!