# Hiding items in hamburger menu

**URL:** <https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962>\
**Category:** Product Support\
**Created:** [August 3, 2022, 9:07am UTC](https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962 "2022-08-03T09:07:34Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [August 3, 2022, 10:20am UTC](https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962/2 "2022-08-03T10:20:45Z")

</div>

Hello,

You need to create a new component for this.

1. Go to `/admin/customize/themes/`  
Customize → Themes

2. Click the **Components** tab and then the Install button

3. On the popup window click Create new button and type the new component name.  

4. Click Create button.

5. The component created. Now select which theme(s) you want to activate it.  

6. Now click the Edit CSS/HTML button.  

7. Now click the **COMMON** tab and paste the below code to the **CSS** section.  

Here you can target the `title` attribute too but probably better if you target `href` because that is fix and `title` changes on different languages so that is not ideal.

```scss
.menu-panel li a.widget-link {
  &[href="/tags"] {
    display: none;
  }
}

```

On this example we hide the **Tags** but you can add more item by following the code below.

It will hide **Tags** and **Badges**.

```scss
.menu-panel li a.widget-link {
  &[href="/tags"],
  &[href="/badges"] {
    display: none;
  }
}

```

Click Save. Done! 🙂

---

_[View the full topic](https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962)._