Hide Category Breadcrumb from a specific category

[Sami_Syed]

How can I hide the entire Category Breadcrumb section from a specific category?

I want to hide this entire section:

I tried the following and it didn’t work:

body[class*='category-myCategorySlug-'] ol.category-breadcrumb li.tag-drop {
    display: none;
}

[Lilly]

hi @Sami_Syed

those are the category breadcrumb dropdown and navigator bar (or nav bar).

to hide them, try this in common css:

.category-[category-slug] .category-breadcrumb,
.category-[category-slug] #navigation-bar {
    display: none;
}

if you want to include the navigation controls buttons as well (the admin wrench, new topic button and alerts button) you can do this:

.category-[category-slug] .navigation-container {
    display: none;
}

[Sami_Syed]

@Lilly

.category-[category-slug] .category-breadcrumb,
.category-[category-slug] #navigation-bar {
    display: none;
}

I tried this and it is not working.

Here is the URL to the category I am trying to remove it from. https://vanlifesummit2.discoursehosting.net/c/van-life-summit/perks/6

I have a separate theme component created, and it is active within the current theme.

[Lilly]

oh it’s a sub-category. here you go:

.category-van-life-summit-perks .category-breadcrumb,
.category-van-life-summit-perks #navigation-bar {
    display: none;
}

separate category and subcategory slugs with a “-”

[Sami_Syed]

This worked. Thanks @Lilly

[Lilly]

anytime glad that helped.