# How do I hide Notifications menu with CSS?

**URL:** <https://help.nextcloud.com/t/how-do-i-hide-notifications-menu-with-css/105322>\
**Category:** ℹ️ Support\
**Created:** [January 23, 2021, 1:21pm UTC](https://help.nextcloud.com/t/how-do-i-hide-notifications-menu-with-css/105322 "2021-01-23T13:21:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ange.Reid](https://help.nextcloud.com/letter_avatar/ange.reid/32/5_5575768a8748004e209b776fc1b2916d.png) [@Ange.Reid](https://help.nextcloud.com/u/Ange.Reid)\
**Post date:** [January 23, 2021, 1:21pm UTC](https://help.nextcloud.com/t/how-do-i-hide-notifications-menu-with-css/105322/1 "2021-01-23T13:21:36Z")

</div>

I need to customize the appearance of my Nextcloud installation.  
I use the add-on “Custom CSS”, to hide the top toolbar menu ‘Contacts’, with the code “#contactsmenu { display: none; }”

I want to do the same thing to also hide the “Notifications” menu, the small bell in the upper right toolbar. My problem is that I cannot seem to figure out what the Notifications function is called, in CSS code.

“#contactsmenu { display: none; }” works fine to hide the Contacts menu, but “#notificationsmenu { display: none; }” does not hide the Notifications menú. I don’t know what to put in the code, to hide the notifications menu.

Does anyone know what this is called?  
Thx

---

<div class="post-metadata">

**Author:** ![mwalbeck](https://help.nextcloud.com/letter_avatar/mwalbeck/32/5_5575768a8748004e209b776fc1b2916d.png) [@mwalbeck](https://help.nextcloud.com/u/mwalbeck)\
**Post date:** [January 24, 2021, 11:33am UTC](https://help.nextcloud.com/t/how-do-i-hide-notifications-menu-with-css/105322/2 "2021-01-24T11:33:28Z")

</div>

Hi,

The notifications menu has the class “.notifications” so the following will work

```auto
.notifications { 
    display: none;
}

```

---

<div class="post-metadata">

**Author:** ![wwe](https://help.nextcloud.com/user_avatar/help.nextcloud.com/wwe/32/72963_2.png) [@wwe](https://help.nextcloud.com/u/wwe)\
**Post date:** [December 13, 2024, 6:26am UTC](https://help.nextcloud.com/t/how-do-i-hide-notifications-menu-with-css/105322/3 "2024-12-13T06:26:03Z")

</div>



---

<div class="post-metadata">

**Author:** ![wwe](https://help.nextcloud.com/user_avatar/help.nextcloud.com/wwe/32/72963_2.png) [@wwe](https://help.nextcloud.com/u/wwe)\
**Post date:** [December 13, 2024, 6:26am UTC](https://help.nextcloud.com/t/how-do-i-hide-notifications-menu-with-css/105322/4 "2024-12-13T06:26:04Z")

</div>