Fixed Bread crumb arrow overlaying Facebook "recommend" box.

[haincha]

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...

 

[Andy.N]

Confirm here with Mac Chrome

 

[Mike]

Looks like setting the z-index on the iframe that FB creates sorts this.

 

[haincha]

That did it. Thanks!

 

[Sheratan]

Looks like setting the z-index on the iframe that FB creates sorts this.

May I know how to do that?

 

[Jeremy]

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

 

[Sheratan]

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

Yes. XF 1.2

 

[Jeremy]

Do you have any out dated templates?

 

[Sheratan]

No. I'm using stock themes.

 

[Jeremy]

Adding this into your EXTRA.css should fix it for now:

.breadcrumb .crust .arrow {
  z-index: 0 !important;
}

I am able to confirm here on XenForo that this bug has resurfaced.

 

[Sheratan]

Adding this into your EXTRA.css should fix it for now:

.breadcrumb .crust .arrow {
  z-index: 0 !important;
}

I am able to confirm here on XenForo that this bug has resurfaced.

On the other side, I lost breadcrumb navigation.

 

[Jeremy]

Touché. I shouldn't try to write code after moving. This will work:

.fb_iframe_widget_lift {
  z-index: 100 !important;
}

 

[Paul B]

I have moved this back to bugs as it is happening here.

 

[Mike]

It looks like the fix for this got missed in 1.2 so I've re-added it.