Forum Academy Marketplace Showcase Pricing Features

Backdrop-filter on mobile device not working

Hey all. I added a backdrop-filter (blur) to my app using CSS:

.blur {
-webkit-backdrop-filter: blur(10 px) !important;
-moz-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}

While this works well on desktop, it does not work at all on mobile. Any ideas why and how to fix it?
Desktop:

Mobile:

actually fixed it: works with that code:

.blur {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}