7. Breadcrumbs

7.1. Hiding them from the App first level component

We want to hide breadcrumbs from the homepage.

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.

.siteroot .ui.secondary.segment.breadcrumbs,
.section-edit .ui.secondary.segment.breadcrumbs {
  display: none;
}

However, to simplify the training for now, we will hide the breadcrumbs for all pages.

.ui.secondary.segment.breadcrumbs {
  display: none;
}