# Small backdrop filter blur issue in Menu

**URL:** <https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663>\
**Category:** Elements\
**Created:** [May 20, 2025, 11:51am UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663 "2025-05-20T11:51:27Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![klap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klap/32/25866_2.png) [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [May 20, 2025, 11:51am UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663/1 "2025-05-20T11:51:27Z")

</div>

Hi Team,

Hopefully this has not already been addressed.

On the menu component, when I use the effects, backdrop filter of 5px is shows in the editor. When you preview the page in the browser you don’t get the same result. if you put 50px it does not make any difference when previewing.

 ![Screenshot 2025-05-20 at 7.44.28 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/4/e4437da4638071aead217fac0d89390fa5b44466.jpeg)

 ![Screenshot 2025-05-20 at 7.54.04 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/5/056aa8de0344b4b51522591f438a15d76f9c2bbd.jpeg)

Ken

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [May 20, 2025, 3:35pm UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663/2 "2025-05-20T15:35:46Z")

</div>

I’m wondering if it’s something to do with the fact it’s a global and has responsive values attached to it. Can you share that project so we can take a look more closely?

---

<div class="post-metadata">

**Author:** ![klap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klap/32/25866_2.png) [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [May 21, 2025, 1:29am UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663/3 "2025-05-21T01:29:51Z")

</div>

sure thing

---

<div class="post-metadata">

**Author:** ![klap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klap/32/25866_2.png) [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [May 21, 2025, 1:39am UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663/4 "2025-05-21T01:39:24Z")

</div>

elementsapp://downloadDocument/gNs8Yot872Tg

---

<div class="post-metadata">

**Author:** ![klap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klap/32/25866_2.png) [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [May 21, 2025, 1:57am UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663/5 "2025-05-21T01:57:55Z")

</div>

Hi Dan, FYI, in response to your suggestion above about possible global issue I thought it wise to create a new project with a new menu component. I get the same result.

I submitted that to [elements](https://elementsapp.io/) cloud. elementsapp://downloadDocument/fipTY9kcxVee

called “test menu blur”.

Thanks much,  
Ken

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [May 21, 2025, 3:23am UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663/6 "2025-05-21T03:23:55Z")

</div>

All of my menus where I have done the same thing are showing the blurring with no problem.

---

<div class="post-metadata">

**Author:** ![klap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klap/32/25866_2.png) [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [May 21, 2025, 12:37pm UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663/7 "2025-05-21T12:37:19Z")

</div>

Thank you Robin for that info. Based on that I tried this on a newer Mac. It works! it must be my older iMac. The newer MacBook Pro works fine.

So this is not an [elements](https://elementsapp.io/) issue, just a retiree using an older computer that still runs great and that 5K screen is to die for. 😀 I don’t want to get rid of it.

BTW that Mac is running. MAC OS 13.7.5 maybe that has something to do with it.

Thanks much  
Ken

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [May 21, 2025, 1:42pm UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663/8 "2025-05-21T13:42:19Z")

</div>

I think the issue might be browser support for the backdrop-blur CSS filter — do you know the version of Safari you’re using where it’s not working as expected? 🙂

---

<div class="post-metadata">

**Author:** ![klap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klap/32/25866_2.png) [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [May 21, 2025, 4:03pm UTC](https://forums.realmacsoftware.com/t/small-backdrop-filter-blur-issue-in-menu/47663/9 "2025-05-21T16:03:43Z")

</div>

Hi Ben,

I’m using Safari Version 18.4 (18621.1.15.111.1, 18621) on an iMac running MAC OS Ventura 13.7.5

 ![Screenshot 2025-05-21 at 12.06.22 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/6/2693a4bfa2db8212127092a4ed112a6017084084.png)

Thanks  
Ken
