6. Breadcrumbs

6.1. Hiding them from the App first level component

We want to hide breadcrumbs from the homepage and change the styling a bit.

We can do it by using bare styling, since Volto injects CSS classes in the body that help us to style, depending on the object, the content type, and the path. Volto does it very much like Plone does.

//breadcrumbs
.contenttype-plone-site .ui.secondary.vertical.segment.breadcrumbs {
  display: none;
}

.ui.secondary.vertical.segment.breadcrumbs {
  background-color: @white;
  border-bottom: none;
  .ui.breadcrumb {
    .divider {
      color: @black;
    }
    .section {
      color: @black;

      &.active {
        color: @black;
      }
    }
  }
}