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;
}

We will return to breadcrumbs later to style it, after we finish with the homepage.

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

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