Facebook like box Overlapping and Positioning Issue

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>

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.