How to Hide sub categories in hamburger menu

[Vikas_Dangi]

How do I hide sub categories in the hamburger menu ?

I found the solution here

Hide sub categories in hamburger menu

Hey, How do you hide sub categories in the hamburger menu ?

but I can’t find the show subcategory list in site_settings.

[mikechristopher]

@Vikas_Dangi

show subcategory list

It should be in your Site Settings under Basic Setup

Which version are you on?

[cpradio]

It was moved to the Edit Category dialog. Visit the Category topics, click Edit Category, then under the Settings tab it is Show subcategory list above topics in this category.

[Vikas_Dangi]

my version is v1.8.0.beta7 +10 and it is not showing in my forum

[cpradio]

Check the Category Settings

[Vikas_Dangi]

OK its working. But I also don’t want to show subcategory list above topics in the category.

[cpradio]

Unfortunately, both settings did that, so there isn’t any other way to feasibly get what you want at this time.

There is a pr-welcome to make it easier to hide sub-categories from the hamburger menu though

Is there any way to remove subcategories from the hamburger menu

A pr that adds the .subcategory class to the enclosing LI is welcome. Then you can do it with CSS. A site setting is @codinghorror’s call

[Nelson]

Enabling “suppress this category from the homepage” doesn’t remove the subcategory from the hamburger menu anymore. I’m on v1.9.0.beta4 +322.

[cpradio]

You can do it via CSS which is more consistent

How to hide sub-categories on the mind menu

Custom CSS: .menu-panel .category-links .subcategory { display: none; }

[Nelson]

Not really useful for me as it will hide all subcategories.

[cpradio]

Then customize the CSS to be (to target the hosting category)

.menu-panel .category-links.category-hosting { display: none }

[Nelson]

I’m posting because it should work by using the setting not adding another css hack.

[Sami_Syed]

Another way is:

.menu-panel.drop-down .category-link.subcategory {
    display:none;
}

[Sami_Syed]

I noticed this code does not work on mobiles, even though I have it in ‘common’ anyone know why?

[dax (Daniela)]

@Sami_Syed

I noticed this code does not work on mobiles, even though I have it in ‘common’ anyone know why?

Already replied here, take a look:

https://meta.discourse.org/t/after-update-removed-category-suppress-option-css-doesnt-hide-them-on-mobile/83716/5?u=dax

[outofthebox (Carson)]

Hi,

Is this the code to remove the “Uncategorized” Category from the hamburger menu?

.menu-panel.drop-down .category-Uncategorized {
display:none;
}

I am adding it to /admin/customize/themes/9/common/scss/edit, which is our site’s default theme.

It doesn’t seem to be working - help welcome!

[Johani (Joe)]

CSS selectors are case-sensitive. The rest of CSS, not so much (read more)

So instead of

.menu-panel.drop-down .category-Uncategorized {
  display: none;
}

try

.menu-panel.drop-down .category-uncategorized {
  display: none;
}

[outofthebox (Carson)]

Hi @Johani, that worked perfectly. If anyone else is trying to figure out how to hide the uncategorized Category from the hamburger menu, they can try your solution with confidence. Thank you!