Fixed Bread crumb arrow overlaying Facebook "recommend" box.

haincha

Member
As the title says, I am having a pesky issue with my Facebook recommend box that the breadcrumb arrow is showing up on top of the box. z-index is 51 and 50 for a few of the inspect breadcrumb elements.

I am noticing it here on this forum too. It is happening on my Mac using Mountain Lion in both Chrome and Safari.

Any ideas how to fix it? Not show stopping, but a bit annoying... :)
 

Attachments

Mike

XenForo developer
Staff member
Looks like setting the z-index on the iframe that FB creates sorts this.
 

Jeremy

Well-known member
This fix has been released in the software for a while. Is it still appearing for you?
 

Jeremy

Well-known member
Adding this into your EXTRA.css should fix it for now:
Code:
.breadcrumb .crust .arrow {
  z-index: 0 !important;
}
I am able to confirm here on XenForo that this bug has resurfaced.
 

Jeremy

Well-known member
Touché. I shouldn't try to write code after moving. This will work:
Code:
.fb_iframe_widget_lift {
  z-index: 100 !important;
}
 
Top