# Hide the nav bar

**URL:** <https://community.glideapps.com/t/hide-the-nav-bar/74058>\
**Category:** Ask for Help\
**Created:** [June 11, 2024, 11:32pm UTC](https://community.glideapps.com/t/hide-the-nav-bar/74058 "2024-06-11T23:32:26Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rimatcom](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rimatcom/32/32285_2.png) [@Rimatcom](https://community.glideapps.com/u/Rimatcom)\
**Post date:** [June 11, 2024, 11:32pm UTC](https://community.glideapps.com/t/hide-the-nav-bar/74058/1 "2024-06-11T23:32:26Z")

</div>

Hi, I need to hide the entire nav bar in a specific page…

BTW this CSS code is not working:

```auto
#page-root:has(.auth) [aria-label="Sign In"] {
display: none;
}

#page-root:has(.auth) div[class*="desktop-nav-bar"], #page-root:has(.auth) div[class*="mobile-nav-bar"],
#page-root:has(.auth) div[class*="unified-side-bar"] {
display: none !important;
}

```

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/d/5dbab06f195b1900580c6d1524ce7cb2ae99a383.jpeg)

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

And after pasting that code the app crashed (iPhone capture):

 ![IMG_3379](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/6/06d167c3d685d020f49302c82c5da07c1a700fda.png)

---

<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:** [June 12, 2024, 12:35am UTC](https://community.glideapps.com/t/hide-the-nav-bar/74058/2 "2024-06-12T00:35:37Z")

</div>

Do you have the “auth” component on the screen?

---

<div class="post-metadata">

**Author:** ![Rimatcom](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rimatcom/32/32285_2.png) [@Rimatcom](https://community.glideapps.com/u/Rimatcom)\
**Post date:** [June 12, 2024, 2:29am UTC](https://community.glideapps.com/t/hide-the-nav-bar/74058/3 "2024-06-12T02:29:50Z")

</div>

Yes it’s a rich text component….

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 12, 2024, 2:42am UTC](https://community.glideapps.com/t/hide-the-nav-bar/74058/4 "2024-06-12T02:42:24Z")

</div>

As additional information, the class name does not apply if the rich text or container component is empty.  
Try using this:

```auto
#page-root:has(.auth) .has-tab-bar > div:last-child {
display: none;
}

```

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [June 19, 2024, 2:43am UTC](https://community.glideapps.com/t/hide-the-nav-bar/74058/5 "2024-06-19T02:43:04Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.