# CSS custom : Hide the tab bar on a specific screen

**URL:** <https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069>\
**Category:** Ask for Help\
**Tags:** custom-css\
**Created:** [May 4, 2024, 12:30pm UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069 "2024-05-04T12:30:55Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [May 4, 2024, 12:30pm UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069/1 "2024-05-04T12:30:55Z")

</div>

Hello,

I’d like to hide the tab bar only on a specific screen.

The tab bar is on :

- the bottom from a mobile device  

- the left side from a tablet/desktop device  

I found how to do to hide the tab bar on all the screens of my app but not only on a specific one.

How can i do so ?

Thanks for your help and support

Best regards

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [May 4, 2024, 12:37pm UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069/2 "2024-05-04T12:37:00Z")

</div>

Does it help if you drag all of your screens from Navigation to “Menu”?

 ![Screenshot 2024-05-04 at 8.35.41 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/9/e968041b9ea5f089276fb735ea669f673bd67802.png)

…or maybe you need a visibility condition on each tab that shows the tab when some value is true.

---

<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:** [May 4, 2024, 1:00pm UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069/3 "2024-05-04T13:00:17Z")

</div>

> [@How to "go to tab" when tab is hidden from nav](https://community.glideapps.com/t/how-to-go-to-tab-when-tab-is-hidden-from-nav/72988/2):
>
> How do you hide your tab? You won’t lose if you hide it like this:

---

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [May 4, 2024, 1:27pm UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069/4 "2024-05-04T13:27:56Z")

</div>

Thanks for your feedback and this reminder about this feature.

Actually, i want to enlarge my picture in background without a tab bar displayed on this screen. I think it is possible by using CSS custom code in a rich text component but i don’t know how exactly.

---

<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 4, 2024, 1:28pm UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069/5 "2024-05-04T13:28:34Z")

</div>

This is actually done on the CSS library itself to have this “authenticate” tab.

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

Replied to your request [here](https://css-library.glide.page/dl/requests/s/da07b9/r/WHcfEuYZRTW9YnjwMv7ZAA).

---

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [May 4, 2024, 8:03pm UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069/6 "2024-05-04T20:03:42Z")

</div>

Thank you so much @ThinhDinh 🙏🏼  
It works fine

---

<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 5, 2024, 12:52am UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069/7 "2024-05-05T00:52:09Z")

</div>

I forgot to add the note on that link: please add a rich text with the class name being “auth” to the tab where you want to hide the bars.

---

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [May 6, 2024, 7:53am UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069/8 "2024-05-06T07:53:38Z")

</div>

Thanks @ThinhDinh  
I had a rich text with another class name and i replace it in your code.  
Works fine. Thanks you so much again

---

<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:** [May 13, 2024, 7:54am UTC](https://community.glideapps.com/t/css-custom-hide-the-tab-bar-on-a-specific-screen/73069/9 "2024-05-13T07:54:05Z")

</div>

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