FB like box overlapping issues:
Sometimes we are getting stuck with the Facebook like box overlapping positioning issue due to its overlap behind other page contents and elements.
We do not require to change a z-index property of the parent/container element. Just follow a quick fix.
Quick Fix
Following is the quick fix to resolve Facebook like box o verlapping positioning issue:
<style type=”text/css”>
/* Put it to your style.css */
.fb_iframe_widget iframe
{
position: fixed !important;
}
</style>
/* Put it to your style.css */
.fb_iframe_widget iframe
{
position: fixed !important;
}
</style>
It will overwrite the Facebook default style with our custom style fix.
Note: If it does not work then make sure the parent/container element has CSS value overflow:visible. It happens when the parent/container element has CSS value overflow:hidden.
