Hide the Default Breadcrumb Navigation
Learn how the default breadcrumb navigation works and how to hide it by using the Hide Page Breadcrumb category.
What is the Breadcrumb Navigation
Every page in your site (except the homepage at /) has a default breadcrumb bar. You will see it right below the navbar. It stays visible when you scroll, so you can always see it.
The breadcrumb shows where the current page exists inside the site structure. It looks like this:
Home > Docs > Customization > Current Page
It helps users quickly understand where they are and allows them to go back to a previous section without using the browser back button.
Why Hide It
Sometimes the breadcrumb navigation is not useful. A few examples:
- A landing page that already has a clean layout
- A standalone page where navigation context is not needed
- A homepage section or portfolio page
- A blog post where breadcrumbs feel repetitive
In these cases, removing the breadcrumb makes the layout cleaner and more focused.
How to Hide It
To hide the breadcrumb on any page:
- 1.a.i.Open the page in Notion
- 2.b.ii.Find the Category property
- 3.c.iii.Add this value:
Hide Page Breadcrumb - 4.d.iv.Publish or sync again
Once added, the breadcrumb will no longer display on that specific page.
Example Usage
| Page Type | Breadcrumb Needed | Example Reason |
|---|---|---|
| Docs Page | Yes | Helps navigation inside docs |
| Homepage | No | Already obvious where user is |
| Contact Page | No | Single purpose page |
| Blog Category Page | Yes | Helps move back to blog index |
If you want the breadcrumb back, simply remove the Hide Page Breadcrumb category from the page.