Category Display Settings

feature
1

Hi @team,

I apologize if using the Team mention was not correct.

In Category Options can we have some new settinga for displaying?

Ie

  1. Show in Hamburger Menu
  2. Category Boxes

I ask as it seems some structures have changed. I had used prior css to hide subcategories in the Hamburger menu.

.Hamburger-panel li.category-link.category-OMR-ANOUNCE-OMR-BULLETINS {
       Display:None;
{

Recent Update changed I am guessing part of the structure.

So I had Noticed someone made a theme component called Category Hider. Though it seems latest update has broken this component( I have left a reply there notifying author it is broken).

If in the meanwhile if someone could give me some quick fix even in the hamburger menu css would be great.

Thanks Team for an amazing forum software!

2

I’ve just had a quick test, and this seems to work: (though check I’ve put your category in right)

.panel-body {
  li.category-link.category-OMR-ANOUNCE-OMR-BULLETINS {
    display: none;
  }
}

I’m not very proficient in css though, so consider this a stopgap answer until someone more knowledgeable turns up. :slightly_smiling_face:

3 Likes
3

Just remember, that if you rename your category slur, you need to change it in the css as well

1 Like
4

So is it now

.panel-body

Instead of .

.hamburger-panel

Thanks that will be easy enough to fix.

5

It’s not “Instead of” though: .panel-body is a class targeting all panel bodies, while .hamburger-panel is targeting, well, the hamburger panel.

So I don’t know what specifically changed in core that broke your previous code. But if you want to hide all subcategories from the hamburger menu this would seem most straightforward to me:

.hamburger-panel .category-link.subcategory {
display: none;
}
3 Likes
6

Not sure but neither code is hiding the subcategories in the hamburger menu.

The Theme component Category Hider is. Not working

I have tried both

.hamburger-panel in my snippet and the gentleman’s code. Neither is hiding the entries.

7

For what it’s worth, both codes work on my test site.

2 Likes
8

Yes, it works on my instance too. You could select a subcategory link in the browser inspector:

Screenshot from 2021-10-25 21-19-41

Then check the style declarations. If the rule I posted doesn’t hide the link, there has to be another one that’s more specific on your instance.

1 Like
9

Weird. I had switched to category hider as original code I think might have been @awesomerobot ? Shared stopped working.

11

Okay will check it in a bit. Thanks for your help. Trying to fix this via mobile will need to look on desktop.

Diacourse Category Hider just broke with latest stable update.

1 Like
12

Here is a link to site

13

Works when I add the rule in the inspector…

Screenshot from 2021-10-25 21-35-10

Screenshot from 2021-10-25 21-34-53

…there’s indeed a lot to hide there :upside_down_face:

1 Like
14

Yeah had it only that Parent categories displayed. Will have to try a blank theme component and see if it works.

Could it be caching the site on my end?

15

That is awesome! Prior to having to hide each entry. This works great thank you.

.hamburger-panel .category-link.subcategory {
         Display:none;
}

Much simpler. Now only need to hide Obsolete categories. :beers::sunglasses::+1:

4 Likes
16

I just wanted again to thank everyone for there expertise in helping me solve this in a speedy fashion.

:beers::sunglasses::+1:

2 Likes