# Backdrop-filter (blur) has no effect on .menu-panel, even though background transparency works

**URL:** <https://meta.discourse.org/t/backdrop-filter-blur-has-no-effect-on-menu-panel-even-though-background-transparency-works/413534>\
**Category:** UX\
**Created:** [September 29, 2026, 8:45am UTC](https://meta.discourse.org/t/backdrop-filter-blur-has-no-effect-on-menu-panel-even-though-background-transparency-works/413534 "2026-09-29T08:45:06Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [September 29, 2026, 3:45pm UTC](https://meta.discourse.org/t/backdrop-filter-blur-has-no-effect-on-menu-panel-even-though-background-transparency-works/413534/3 "2026-09-29T15:45:35Z")

</div>

The issue is that each read notification has a separate background color, which also needs to be overridden. This should help in addition to your other changes

```css
.user-menu .quick-access-panel .read {
  background: transparent;
}

```

Similarly with the search input, there’s a separate background applied there that would need to be removed:

```css
.search-menu .search-input, .search-menu-container .search-input {
  background: transparent;
}

```

We have a guide that walks through making CSS changes like these that may help, [Making custom CSS changes on your site](https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101)

---

_[View the full topic](https://meta.discourse.org/t/backdrop-filter-blur-has-no-effect-on-menu-panel-even-though-background-transparency-works/413534)._