# Clear header to access buttons

**URL:** <https://community.glideapps.com/t/clear-header-to-access-buttons/56263>\
**Category:** Ask for Help\
**Created:** [January 3, 2023, 7:22am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263 "2023-01-03T07:22:58Z")\
**Posts on this page:** 7\
**Page:** 2

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 4, 2023, 12:38am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/21 "2023-01-04T00:38:23Z")

</div>

i would have to see all your codes there… maybe some of them are overruling this one

---

<div class="post-metadata">

**Author:** ![Dale\_Nelson](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dale_nelson/32/18650_2.png) [@Dale\_Nelson](https://community.glideapps.com/u/Dale_Nelson)\
**Post date:** [January 4, 2023, 12:41am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/22 "2023-01-04T00:41:42Z")

</div>

The rest of the code:

```
[data-test="glide-app-bar"]{ z-index:2; } .fab-target \>:nth-child(1) { position: fixed; height:38px; width: 55px; top: 10px ; right: 2%; }
```

---

<div class="post-metadata">

**Author:** ![Dale\_Nelson](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dale_nelson/32/18650_2.png) [@Dale\_Nelson](https://community.glideapps.com/u/Dale_Nelson)\
**Post date:** [January 4, 2023, 12:43am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/23 "2023-01-04T00:43:12Z")

</div>

with pre span style at the top but they didn’t show in the post

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 4, 2023, 1:21am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/24 "2023-01-04T01:21:12Z")

</div>

I assume, you just create this app… I tried to do it with a new app… and I could not do it!

Glide must change something… so I made a new code… try it:

```auto
<pre><span><style> 

[data-test="glide-app-bar"]{
visibility:hidden !important;
}

[data-test="nav-button-menu"]{
visibility:visible!important
}

.fab-target >:nth-child(1) {
position: fixed;
height:38px;
width: 55px;
top: 60px ;
right: 2%;
}

```

---

<div class="post-metadata">

**Author:** ![Dale\_Nelson](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dale_nelson/32/18650_2.png) [@Dale\_Nelson](https://community.glideapps.com/u/Dale_Nelson)\
**Post date:** [January 4, 2023, 1:27am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/25 "2023-01-04T01:27:37Z")

</div>

Works perfect thank you for that.

Can I ask what the !important part does?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 4, 2023, 1:28am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/26 "2023-01-04T01:28:13Z")

</div>

it overrules main rules

---

<div class="post-metadata">

**Author:** ![Dale\_Nelson](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dale_nelson/32/18650_2.png) [@Dale\_Nelson](https://community.glideapps.com/u/Dale_Nelson)\
**Post date:** [January 4, 2023, 1:31am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/27 "2023-01-04T01:31:04Z")

</div>

Crazy, I appreciate your support on this one

[Previous page](https://community.glideapps.com/t/clear-header-to-access-buttons/56263.md?page=1)