I’m switching many of my pages to have the breadcrumbs turned off. In doing so the page title is no longer used as the browser or tab title which makes it impossible to know which tabs are which when you have multiple open. Is this in easy fix or could someone suggest CSS or javascript code to workaround?
I’d like to mention this again. I’ve found workarounds to create my own breadcrumbs and turn off the native ones but doing so can create some tab confusion. Turning off breadcrumbs still affects the tab title, whereas I feel the tab title should be based on the page title.
what work arounds did you end up with? I’d also like to bump this because I’m turning off breadcrumbs on a handful of pages but am seeing the same thing. Not a major issue for our use case but it would be a nice quality of life update
@SamEdwardsRVA, I had the same issue. I just wanted to have the ‘back to the previous page’ link in the breadcrumb. I added the following script to the custom code and it works well for me.
<style>
/* Hide all breadcrumb containers matching the specific structure */
div.flex.max-w-full.items-center.space-x-2.truncate.sm\:pr-6 {
display: none !important;
}
/* Generic rule to hide links inside breadcrumb-like containers */
div.flex.max-w-full.items-center.space-x-2.truncate.sm\:pr-6 a,
div.flex.w-full.items-center.space-x-2.overflow-hidden a {
display: none !important;
}
</style>
@SamEdwardsRVA my solution was to create markdown breadcrumbs based on record conditions in airtable and add that field to the page subtitle. I just added the code from @Christoph mainly so that my tab title will show up. That puts me in good shape for now although I’d prefer to just have my breadcrumbs off completely at this point and have the tab reflect the page title. Here’s how one of my pages looks: