How do I modify the breadcrumb navigation bar for Confluence from fixed to relative?

[Aaron Chandler]

When editing a Confluence page the breadcrumb navigation bar blocks a portion of the editor toolbar buttons.  I don't know how to modify the CSS for the entire site to make it relative so its above the editor toolbar buttons and not on top of it. 

[Shannon S · Accepted solution]

Aaron,

Could you provide me with a screenshot of the issue and let me know what version of Confluence you're using?

Thank you!

Regards,

Shannon

[Aaron Chandler]

Hi Shannon, 

Here's the extreme version of what happens sometimes.  Because the breadcrumb is so long, it's covering over the editor toolbar buttons.  I know how to temporarily make the breadcrumb relative instead of fixed, but am not as savy with CSS modifications for the entire site.

Thanks.

[Aaron Chandler]

Almost forgot, we're running 6.2.3

[Shannon S]

Hi Aaron,

That doesn't look like the native Confluence breadcrumbs. It looks a lot like this add-on:

• Breadcrumb Navigation Bar for Confluence

This is probably the reason it's overlapping your edit menu, since it's a 3rd party add-on.

I've tagged the product on this question, but the developer will likely need to tell you what to do.

I went to their page in Bitbucket, and they do mention how you can change the location of the bar:

• Breadcrumb Navigation Bar Wiki

UI customization

By default, the Breadcrumb Navigation Bar is displayed below the header. You can customize its location by specifying it explicitly somewhere in your templates:

• insert the "<ul id="breadcrumb-navigation-bar></ul>" element in your template files
• or customize a theme or some pages using the "breadcrumb-navigation-bar" macro.

To ensure the bar will be only displayed for these definitions, you will have to configure the activation mode in space settings: choose "Manual" instead of "Auto".

Of course, you can also customizing styles of the bar by overriding CSS rules.

I hope that helps, but the developer should also see this question if they're watching the tags for their product, so they may be able to provide further details.

Regards,

Shannon

[Eduard Diez]

Hello

Is possible to do the same in cloud, You know @Shannon S?

Thank's

[Shannon S]

@Eduard Diez Unfortunately the vendor of that add-on has not made it available for Cloud.

I'm not aware of a replacement add-on for this to use with Cloud, but I would encourage you to raise a question in the Marketplace Apps collection and see if other users know of a solution for you to use with Cloud.

Regards,

Shannon