Home Solutions Facebook like box Overlapping and Positioning Issue

Facebook like box Overlapping and Positioning Issue

Redirect Page on Button Click

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;
Tip: You can get more tutorials on Asp.net, JavaScript, and jQuery here.

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.

Previous articleAsp.net TextBox: How to Get Set TextBox Value or Text in JavaScript
Next articleHow to Give jQuery fadeIn and fadeOut Effect to Text in Div?
Hi there, I am Mayank, the man behind Technical Mack. I started AspnetO with a motive to educate people on various programming languages ranging from beginners to expert level. Through this blog, I aim to provide more insightful content.


Please enter your comment!
Please enter your name here

four × 5 =