Facebook Messenger iframe Z-Index Fighting Footer

I have facebook messenger setup on this page using the default code provided from Facebook.

No matter what I try I can’t seem to get the messenger iframe to correctly stay on top of the footer elements. If you scroll down to the footer, you’ll see the footer elements overlap on top of the messenger box. Any ideas?

Hey PremierWeb,

Thanks for the very detailed post information. To resolve your issue, please edit your page and in the section where you have inserted the iframe, increase the z-index to 10 or more which is greater than the z-index of the footer.

We would love to know if this has helped you.

Thanks! I tried changing the z-index of just about everything else lol. That worked.

Great News.
If you have any other inquiries, please do not hesitate to create another thread.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.