Hiding specific sub-category from Hamburger-Menu

I want to hide a specific Subcategory from the Hamburger Menu. Not all Subcategories from this Main-Category, only one. With this CSS I can select the link, but not the β€œli” element.

.hamburger-panel li.category-link a.badge-wrapper.box[[href="/c/mycategory/mysubcategory"] {
	display: none;
}

I need to get the li.category-link, but no idea how. Any ideas?

If you want to target a particular <li> try using nth-child

Except that will be a moving target if you have some categories only available to certain groups.

1 Like

Targetting the li element is now possible with
https://github.com/discourse/discourse/pull/4749

Using

.hamburger-panel li.category-link.category-mycategory-mysubcategory {
	display: none;
}
11 Likes

Wow thats great , thank you!

This is now merged, see prior post for how to hide a specific subcategory.

3 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.