XF 2.2 How can I remove breadcrumbs from specific pages?

Luke247

Member
I want to remove the breadcrumbs from the "latest activity" page, "threads started by" page, and a couple others... How do I remove breadcrumbs from specific pages such as these?

Thank you
 
Inspect the page and look for: data-template="name_of_the_template". You'll find it at the top where the<body> tag starts.

For instance, to remove the breadcrumbs on the Latest activity page you'll use this code:
HTML:
[data-template="latest_activity"] .p-breadcrumbs {
    display: none;
}
 
Inspect the page and look for: data-template="name_of_the_template". You'll find it at the top where the<body> tag starts.

For instance, to remove the breadcrumbs on the Latest activity page you'll use this code:
HTML:
[data-template="latest_activity"] .p-breadcrumbs {
    display: none;
}
Where is this code placed? Edit: working I wanted to hide p-breadcrumbs--container not breadcrumbs.
 
Last edited:
Put it in your extra.less file. Identify the data template on the page you want to hide the breadcrumb using the browser inspect feature. Works well as I use it myself :)
 
Back
Top Bottom