# CSS for hiding Tab's title and icon **URL:** \ **Category:** Ask for Help\ **Created:** [August 22, 2021, 12:47pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787 "2021-08-22T12:47:39Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)\ **Post date:** [August 22, 2021, 12:47pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/1 "2021-08-22T12:47:39Z")
Hello everyone, Another small request for CSS wizards. I created a tab when opening the app that only displays for unsigned users. And I would like to hide the tab titles and icons at the bottom of the screen. I found this text to hide the icons:[https://community.glideapps.com/t/can-i-hide-tab-icon/23246/3?u=alexis\_azoulai](https://community.glideapps.com/t/can-i-hide-tab-icon/23246/3). But I would also like to hide the titles to remove the entire bottom banner. Thanks in advance. ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [August 22, 2021, 12:51pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/2 "2021-08-22T12:51:19Z")
Instead of messing around with CSS, why not just set visibility conditions on the tabs? ---
**Author:** ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)\ **Post date:** [August 22, 2021, 12:54pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/3 "2021-08-22T12:54:17Z")
I have already adjusted the visibility conditions but here it is the tabs at the bottom that I would like to remove … ---
**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\ **Post date:** [August 22, 2021, 1:17pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/4 "2021-08-22T13:17:50Z")
Have you set visibility conditions on the components or the tab itself? You are able to hide the full tab icon (and label) based on visibility conditions on the tab. ---
**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:** [August 22, 2021, 2:04pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/5 "2021-08-22T14:04:38Z")
Can you attach a screen of what you have so far? ---
**Author:** ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)\ **Post date:** [August 22, 2021, 2:09pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/6 "2021-08-22T14:09:55Z")
I have defined the criteria for the entire tab. I want to leave it accessible when launching the app for unsigned users, but remove the bottom navigation bar. ---
**Author:** ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)\ **Post date:** [August 22, 2021, 2:16pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/7 "2021-08-22T14:16:43Z")
![Sans titre](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/d/3d8a678fe2ad5f6a3eb14961aaaed961e3ad8fe4.png) ---
**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\ **Post date:** [August 22, 2021, 2:18pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/8 "2021-08-22T14:18:04Z")
Do you want those two tabs to be visible for unsigned users or just one?? ---
**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:** [August 22, 2021, 3:55pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/9 "2021-08-22T15:55:54Z")
If you hide both the title and the bottom bar then how do users proceed from there? ---
**Author:** ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)\ **Post date:** [August 22, 2021, 4:20pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/10 "2021-08-22T16:20:32Z")
If it’s possible those two labs… ---
**Author:** ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)\ **Post date:** [August 22, 2021, 4:21pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/11 "2021-08-22T16:21:07Z")
With a button ---
**Author:** ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)\ **Post date:** [August 22, 2021, 9:50pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/12 "2021-08-22T21:50:33Z")
I have found the solution : ``` div[id\*='tabBar'] { display: none; } ``` ---
**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\ **Post date:** [January 17, 2024, 4:50pm UTC](https://community.glideapps.com/t/css-for-hiding-tabs-title-and-icon/30787/13 "2024-01-17T16:50:49Z")