# Css transparency top bar menu

**URL:** <https://community.glideapps.com/t/css-transparency-top-bar-menu/52615>\
**Category:** Ask for Help\
**Created:** [October 26, 2022, 12:31pm UTC](https://community.glideapps.com/t/css-transparency-top-bar-menu/52615 "2022-10-26T12:31:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\
**Post date:** [October 26, 2022, 12:31pm UTC](https://community.glideapps.com/t/css-transparency-top-bar-menu/52615/1 "2022-10-26T12:31:02Z")

</div>

Can you tell me how to make the top bar totally transparent

tried this one but doesn’t apply

.cBaHTz {

background: linear-gradient(white, rgb(255 255 255));

backdrop-filter: blur(10px);

position: relative;

}

ps.  
cannot share any image…sorry

app.tunewell.online

---

<div class="post-metadata">

**Author:** ![cheeseman30](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cheeseman30/32/49759_2.png) [@cheeseman30](https://community.glideapps.com/u/cheeseman30)\
**Post date:** [October 26, 2022, 10:20pm UTC](https://community.glideapps.com/t/css-transparency-top-bar-menu/52615/2 "2022-10-26T22:20:41Z")

</div>

I’m on mobile right now, so pardon me if this doesn’t work, but I’m pretty sure this will hide all of the top menu.

```
[data-test="glide-app-bar"] \>\* { Display: none; }
```

---

<div class="post-metadata">

**Author:** ![DillanMartinez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dillanmartinez/32/46254_2.png) [@DillanMartinez](https://community.glideapps.com/u/DillanMartinez)\
**Post date:** [October 26, 2022, 10:31pm UTC](https://community.glideapps.com/t/css-transparency-top-bar-menu/52615/3 "2022-10-26T22:31:50Z")

</div>

hi try this and tell me if it works

```auto
<pre><div><style>
[data-test="glide-app-bar"] :nth-child(1) {
    backdrop-filter: blur(1px);
    background: transparent; 
    -webkit-backdrop-filter: blur(1px);
}
#app-root div[opacity='1'] {
  color: transparent; 
}

```

---

<div class="post-metadata">

**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\
**Post date:** [October 28, 2022, 2:46pm UTC](https://community.glideapps.com/t/css-transparency-top-bar-menu/52615/4 "2022-10-28T14:46:27Z")

</div>

oh great ! Thanks !!!

It works!!!  
Here’s my result  
app.tunewell.online