# Fixed Menu

**URL:** <https://forums.realmacsoftware.com/t/fixed-menu/51117>\
**Category:** Elements\
**Created:** [September 18, 2025, 8:29am UTC](https://forums.realmacsoftware.com/t/fixed-menu/51117 "2025-09-18T08:29:13Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![johnhiggins](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/johnhiggins/32/33610_2.png) [@johnhiggins](https://forums.realmacsoftware.com/u/johnhiggins)\
**Post date:** [September 18, 2025, 8:29am UTC](https://forums.realmacsoftware.com/t/fixed-menu/51117/1 "2025-09-18T08:29:13Z")

</div>

Hi,

I’m using the Fixed Menu and it looks great.

I’ve been trying to add a blur to it so that when you scroll the content underneath it looks like frosted glass. When I try it blurs all the content in the menu.

Any way of blurring just the content underneath?

Thanks,

John

---

<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:** [September 18, 2025, 10:24am UTC](https://forums.realmacsoftware.com/t/fixed-menu/51117/2 "2025-09-18T10:24:42Z")

</div>

You need to use Backdrop Blur, and also ensure your component has a semi-transparent background 🙂

 ![CleanShot 2025-09-18 at 12.23.02@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/d/fdabacdcc264621abd250a3504e16a7f3011821f.png)

---

<div class="post-metadata">

**Author:** ![AndyG](https://avatars.discourse-cdn.com/v4/letter/a/5f8ce5/32.png) [@AndyG](https://forums.realmacsoftware.com/u/AndyG)\
**Post date:** [September 18, 2025, 10:29am UTC](https://forums.realmacsoftware.com/t/fixed-menu/51117/3 "2025-09-18T10:29:49Z")

</div>

But beware, as I reported yesterday, Safari (v18.6) doesn’t render the blur, whereas Chrome does (haven’t tested any other browsers)

---

<div class="post-metadata">

**Author:** ![johnhiggins](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/johnhiggins/32/33610_2.png) [@johnhiggins](https://forums.realmacsoftware.com/u/johnhiggins)\
**Post date:** [September 18, 2025, 10:41am UTC](https://forums.realmacsoftware.com/t/fixed-menu/51117/4 "2025-09-18T10:41:07Z")

</div>

As simple as that! Thanks Ben 👍

---

<div class="post-metadata">

**Author:** ![RussOggi255](https://avatars.discourse-cdn.com/v4/letter/r/ee7513/32.png) [@RussOggi255](https://forums.realmacsoftware.com/u/RussOggi255)\
**Post date:** [September 18, 2025, 10:56am UTC](https://forums.realmacsoftware.com/t/fixed-menu/51117/5 "2025-09-18T10:56:53Z")

</div>

I just checked and Safari 26 and Tech Preview 227 show the blur

---

<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:** [September 18, 2025, 7:27pm UTC](https://forums.realmacsoftware.com/t/fixed-menu/51117/6 "2025-09-18T19:27:05Z")

</div>

I have no problems with Safari showing a blur behind the menu.