Don’t show current page on breadcrumbs

[adampolyaire]

#880195

Can anyone help me with some CSS to prevent showing a current page in breadcrumbs? Based on the design of the site I am making, it would be better if they only show the pages leading up to the page and not the current page.

[stphnwlkr]

#880198

Try this:

.fusion-breadcrumb-sep:nth-last-child(2),.fusion-breadcrumb-item:last-child {
display:none;
}

[adampolyaire]

#880205

Thank you @stphnwlkr, I’ve tried entering that in Global CSS in Avada options but it doesn’t seem to work on my site. (currently on staging domain). Any other options, or do I need to format it in some way?

[stphnwlkr]

#880308

I have tested in the default post title bar and breadcrumb element, and it should be working. Are you using Avada’s breadcrumb features or are you using a plugin to create the breadcrumbs?

[thirstyfish]

#886641

How would I do this but remove the “Home” link from breadcrumbs?

[Puurchantal]

#887061

This what I also would like to know… How to hide the Home in breadcrumbs

[Puurchantal]

#887170

This code helped me, maybe you can use it or tweak it around.. it’s used for my single product page.

.single .fusion-breadcrumbs > span:first-of-type, .single .fusion-breadcrumbs > span:first-of-type + span {
display: none !important;
}

[Author]

Posts