Hide breadcrumb if only a single page

App Development
1

Hello,

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?

1 Like
2

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
3

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.