# Clear header to access buttons **URL:** \ **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:** 20\ **Page:** 1
**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 3, 2023, 7:22am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/1 "2023-01-03T07:22:58Z")
Hey team, I have an issue where I cannot hide the nav bar and keep the menu button. I am putting a button opposite the menu button but it appears to sit beneath the header layer meaning the button cannot be clicked Does anyone know how to clear the header so I can use the button and retain the menu button. OR How to include a second button to sit above the nav bar header? ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [January 3, 2023, 11:29pm UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/2 "2023-01-03T23:29:00Z")
Can you include some screenshots of your current setup? Is this Glide Apps or Glide Pages? ---
**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:04am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/3 "2023-01-04T00:04:06Z")
This is for Glide Apps ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [January 4, 2023, 12:04am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/4 "2023-01-04T00:04:48Z")
If possible, please provide screenshots or a video of what you have now. Thanks a lot! I assume you mean the “hamburger” button when you mention the menu button? Can you clarify why you want to hide the nav bar? Would also appreciate if you can provide an image of what you want to achieve. ---
**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:06am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/5 "2023-01-04T00:06:29Z")
Use the **[Code BOOK](https://code-book-desktop.glideapp.io/)** ---
**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:09am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/6 "2023-01-04T00:09:55Z")
![Screenshot_20230104_080849_Chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/d/9dd3608903729cd29fb49330de44cac491c0ad9b.jpeg) ---
**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:10am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/7 "2023-01-04T00:10:26Z")
Correct, inline with but opposite the hamburger button. ---
**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:11am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/8 "2023-01-04T00:11:06Z")
I have been using this quite a bit. This is just a gap that i am experiencing. ---
**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:12am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/9 "2023-01-04T00:12:04Z")
so… you want a hamburger menu, and your button is clickable? this is tricky, it all depends on how you want your screen to behave. ---
**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:14am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/10 "2023-01-04T00:14:43Z")
Correct. I used the css to make the header transparent and I can see the button now instead of it being a blur. But it is still not accessible, I assume because it sits beneath the layer ---
**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:16am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/11 "2023-01-04T00:16:50Z")
yes… you have to put the top bar under… but there is a price for doing this… 😉 all elements will go on top too… there are two ways to avoid that… unless your screen has nothing to scroll up… you will be fine ---
**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:18am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/12 "2023-01-04T00:18:55Z")
The current configuration does mean that the screen scrolls, but that can be fixed ---
**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:19am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/13 "2023-01-04T00:19:57Z")
so that’s a easy way… put the top bar on the z-index:1 ---
**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:23am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/14 "2023-01-04T00:23:46Z")
![Image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/a/da6c9fc6c1c58227f315517ad0764bb7b678341d.png) Like so? ---
**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:24am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/15 "2023-01-04T00:24:14Z")
yes… is not working? ---
**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:25am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/16 "2023-01-04T00:25:24Z")
No I can’t use the button still. ---
**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:26am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/17 "2023-01-04T00:26:24Z")
let me check how I did it here: > **[Schedule Paid Appointment](https://schedule-appointment.glideapp.io/)** > > Schedule paid appointments, for Google Meet, get calendar reminders, block booked dates and time slots, auto adjust duration to the booked time slots, custom stripe checkout give me a sec… try this: ```auto [data-test="glide-app-bar"]{ z-index:2; } ``` it should work… it works in my Apps ![Screen Shot 2023-01-03 at 7.32.55 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/b/8b837318cf48eeaa9504af4f23655db4c4a277ac.jpeg) ---
**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:35am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/18 "2023-01-04T00:35:39Z")
No luck, is this the difference between Glide Apps and Glide Pages ---
**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:36am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/19 "2023-01-04T00:36:06Z")
yes… you can’t do that in Pages… only in Apps ---
**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:37am UTC](https://community.glideapps.com/t/clear-header-to-access-buttons/56263/20 "2023-01-04T00:37:31Z")
Ok cool, this is in Apps. But still not making a difference [Next page](https://community.glideapps.com/t/clear-header-to-access-buttons/56263.md?page=2)