A discussion is ongoing in the “Category Display Settings” topic about issues with hiding subcategories in the hamburger menu. Heliosurge reported that a previous CSS fix stopped working after a recent update and that the “Category Hider” theme component also broke. JammyDodger and nolo provided alternative CSS solutions, but Heliosurge found that they didn’t work. nolo suggested checking the style declarations in the browser inspector, and after further investigation, Heliosurge found that the CSS solution provided by nolo ultimately worked, hiding subcategories in the hamburger menu. The working solution is:
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.
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: