Hide breadcrumb if only a single page


I am hoping to implement code that would hide the breadcrumb in a layout when the breadcrumb only displays a single page. For example, if the user is on the “Home” page and not a child page, the breadcrumb would not show up. Only when the user navigates to a child page would the breadcrumb show up.

Does anyone have any suggestions?

Easiest is manual work.
So on each page you don’t want the breadcrumb in the CSS page you add following code:

.t-breadcrumb {
  visibility: hidden;

I know it is not a generic solution, so if someone has a generic solution, please post it.

1 Like

Thank you! That is what my current plan is, though I was thinking a Javascript IF ELSE could work, I simply don’t how to structure the conditional argument.