XF 2.0 Remove breadcrumb on Page

Actually you need to wrap the code between xf:if to <style>, because it's css code. Conditionals don't work in .less templates.
 
Tried adding it in the extra.less and the page template. Couldn't get it to work. I'm pretty new to this, would any care to explain exactly how to put this in?
 
Sorry, add this code to template HTML when editing page node:
Code:
<xf:css>
.p-breadcrumbs {
    display: none;
}
</xf:css>
Thanks so much! that worked like a charm. I was missing the css part behind the xf. I am going to have to go and find some tutorial talking about the way to use the xf: better.
 
Hello, and for the home page please ? (forums)
EDIT : got it!
Code:
/*remove breadcrumbs home page*/
[data-template="forum_list"] {
    .p-breadcrumbs {
        display: none;
    }
}
 
Last edited:
If you wish to remove breadcrumbs on forum list only add this to your extra.less template:

CSS:
[data-template="forum_list"] .p-breadcrumbs {
display:none
}
 
Back
Top Bottom