As a quick hack, it’s probably better to move the box out of sight rather than try to remove it. If removal is done improperly, it could introduce some javascript errors that prevent other functions from working.
The CSS styles for the box look like this:
#facebook {
position: fixed;
bottom: 0;
right: 0;
z-index: 9999;
background: #fff;
border: 1px solid #1b86bc;
display: none;
width: 300px;
padding: 10px 0px;
}
It may be on your header.php template, or enqueued from functions.php, or possibly even a plugin. Counter-intuitively, it is not in any CSS file. Once you find the source, edit the “right” property to something like this: right: -3000px;
This locates the box way, way off screen. That should suffice until you can get a proper version with a close option.
If you’re talking about the Facebook popup, you can hide it with some CSS, as bcworkz says.
But instead of “dragging” it out of the picture, why not simply hide it?
Add this to your header.php before the </head> tag:
#facebook {visibility:hidden;}
Until you find another solution.
It should hide it until you need it again 😉
