# How to hide navigation bar in pages

**URL:** <https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054>\
**Category:** Ask for Help\
**Created:** [May 23, 2023, 5:28pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054 "2023-05-23T17:28:44Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vitor\_Guimaraes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vitor_guimaraes/32/39703_2.png) [@Vitor\_Guimaraes](https://community.glideapps.com/u/Vitor_Guimaraes)\
**Post date:** [May 23, 2023, 5:28pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/1 "2023-05-23T17:28:44Z")

</div>

I would like to know how to hide de navigation bar in Pages.

I saw the following code on some other Topic but it didn’t work:

#nav-root {  
display: none !important;  
}

Can someone help me with it?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [May 23, 2023, 7:52pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/2 "2023-05-23T19:52:00Z")

</div>

You can hide tabs if that’s what you are trying to do.

 ![Screenshot_20230523-145000](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/48f42bbe275471d6fbb672cb0430a6828a546334.png)

---

<div class="post-metadata">

**Author:** ![Vitor\_Guimaraes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vitor_guimaraes/32/39703_2.png) [@Vitor\_Guimaraes](https://community.glideapps.com/u/Vitor_Guimaraes)\
**Post date:** [May 23, 2023, 7:55pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/3 "2023-05-23T19:55:04Z")

</div>

Sorry for not being specific enough, I would like to hide the whole nav tab like I could in the Classic version using CSS.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/4/1474cc2a0c377798a04cc38879740c03e0e7e9a6.jpeg)

---

<div class="post-metadata">

**Author:** ![Vitor\_Guimaraes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vitor_guimaraes/32/39703_2.png) [@Vitor\_Guimaraes](https://community.glideapps.com/u/Vitor_Guimaraes)\
**Post date:** [May 23, 2023, 7:56pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/4 "2023-05-23T19:56:22Z")

</div>

I used to use:

“

```
[id=“tabBar”]  
{display: none;}”

 

but it is not working anymore 😕
```

---

<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:** [May 23, 2023, 7:57pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/5 "2023-05-23T19:57:14Z")

</div>

Pages do not have CSS… use Classic Apps… much better

---

<div class="post-metadata">

**Author:** ![Vitor\_Guimaraes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vitor_guimaraes/32/39703_2.png) [@Vitor\_Guimaraes](https://community.glideapps.com/u/Vitor_Guimaraes)\
**Post date:** [May 23, 2023, 7:59pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/6 "2023-05-23T19:59:10Z")

</div>

Sorry, but Pages have some very interesting features I want to use. Is there a workaround that I can use to fill a whole tab with an image? Or to just hide the navigation tab…

---

<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:** [May 23, 2023, 8:00pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/7 "2023-05-23T20:00:42Z")

</div>

no… but all elements that pages have… you can reproduce using CSS in Classic… and make it even better

---

<div class="post-metadata">

**Author:** ![alexpress](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexpress/32/7240_2.png) [@alexpress](https://community.glideapps.com/u/alexpress)\
**Post date:** [May 23, 2023, 8:30pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/8 "2023-05-23T20:30:27Z")

</div>

Kanban? 👀

---

<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:** [May 23, 2023, 8:32pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/9 "2023-05-23T20:32:50Z")

</div>

All of them… Just a matter of right thinking ; -)

---

<div class="post-metadata">

**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:** [May 23, 2023, 11:53pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/10 "2023-05-23T23:53:17Z")

</div>

The new Glide Apps (formerly called Pages) does offer CSS at the Business & Enterprise level, but I don’t think it would help in this case. I think you only want to hide the nav bar for a specific tab, but CSS in the new Apps is universal.

---

<div class="post-metadata">

**Author:** ![Vitor\_Guimaraes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vitor_guimaraes/32/39703_2.png) [@Vitor\_Guimaraes](https://community.glideapps.com/u/Vitor_Guimaraes)\
**Post date:** [May 24, 2023, 7:32pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/11 "2023-05-24T19:32:25Z")

</div>

Exactly. This certainly should be a feature, since many apps hide it for some ‘Onboarding’ experience

---

<div class="post-metadata">

**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:** [May 24, 2023, 11:21pm UTC](https://community.glideapps.com/t/how-to-hide-navigation-bar-in-pages/62054/12 "2023-05-24T23:21:25Z")

</div>

> [@Vitor\_Guimaraes](#):
>
> This certainly should be a feature, since many apps hide it for some ‘Onboarding’ experience

But during onboarding, shouldn’t that tab be the sole visible tab, thus hiding the navigation bar automatically?
