Suppress subcategories in the hamburger menu

Product Support

AI-generated summary

Suppressing subcategories in the hamburger menu

Loki asked if it’s possible to hide subcategories in the hamburger menu, only showing parent categories. Lhc_fl provided a CSS solution: .hamburger-panel .category-link.subcategory { display: none; }.

Alternatively, keegan suggested using the Category Hider Theme Component, which Loki found helpful. Loki also asked about hiding a specific category using CSS, and Lhc_fl provided the solution: .hamburger-panel .category-link.category-{{slug}} { display: none; }.

After installing the Category Hider Theme Component, Loki reported a typo in the settings, which keegan promptly fixed. Loki also pointed out another instance of duplicated explanatory text, which keegan acknowledged.

1

Is there any way to suppress the listing of subcategories (only list the parent category) in the hamburger menu. I’ve poked around quite a bit and not able to find a way.

Thanks!

2

You can use this CSS :smiley:

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

There’s also this theme component I’ve created in the past:

4

Thanks! I’ve added it. Works great.

5

One followup question (since I know nothing about CSS), without using the Category Hider, is there some CSS that I could add that would hide one specific category?

6 
.hamburger-panel .category-link.category-{{slug}} {
    display: none
}

for example

.hamburger-panel .category-link.category-101-category {
    display: none
}
.hamburger-panel .category-link.category-general {
    display: none
}

To get the slug, you may need to press F12 to open DevTools.

image
image486×326 8.45 KB

7

@Lhc_fl Thank you again!

8

@keegan I did end up installing the Category Hider Theme Component for easier future flexibility. It’s working great, so thank you for that!

I did notice one typo in its settings:

image
image731×173 23.3 KB

Not a big deal, but thought you’d want to know that.

9

@Loki Thanks for letting me know, I’ve pushed out a fix :slight_smile:

10

@keegan I just noticed another instance where the explanatory text seems to be duplicated inadvertently:

image
image872×412 31.3 KB

Thought I’d let you know.