barcode labs

    notion website breadcrumbs

    barcode labs

    notion website breadcrumbs

    The breadcrumb feature on this website is a built in portion of Notion. Super.so automatically handles the breadcrumb as well which makes it very easy to navigate around the website.

    Adding the breadcrumb to a page

    The breadcrumb is added by utilizing the slash command:

    /breadcrumb

    Super.so Settings

    I wanted the breadcrumb to be the first thing listed under the menu. To accomplish this I disabled the default page headers in Super.so

    image

    Next I wanted to keep the pages clear of clutter but still wanted to keep the hierarchy of pages intact, so I disabled Notion page links.

    image

    In Notion my pages look a little different than what appears on the website due to these changes. For example here is the default header and subpages for the combat robot section of the website from my view in notion.

    image

    When the page displays live, everything above the breadcrumb is missing as desired!

    InstagramYouTube