# How do I hide the sign in button?

**URL:** <https://community.glideapps.com/t/how-do-i-hide-the-sign-in-button/66685>\
**Category:** Ask for Help\
**Created:** [October 1, 2023, 10:20pm UTC](https://community.glideapps.com/t/how-do-i-hide-the-sign-in-button/66685 "2023-10-01T22:20:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brandon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brandon/32/58098_2.png) [@Brandon](https://community.glideapps.com/u/Brandon)\
**Post date:** [October 1, 2023, 10:20pm UTC](https://community.glideapps.com/t/how-do-i-hide-the-sign-in-button/66685/1 "2023-10-01T22:20:16Z")

</div>

I have the sign in button only for employee logins. so I don’t need it public facing how do I hide it?  
Is there certain css?

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/c/8c1547e59b6549a46684ba2e99c4b7cb8e346158.png)

---

<div class="post-metadata">

**Author:** ![Brandon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brandon/32/58098_2.png) [@Brandon](https://community.glideapps.com/u/Brandon)\
**Post date:** [October 1, 2023, 10:58pm UTC](https://community.glideapps.com/t/how-do-i-hide-the-sign-in-button/66685/2 "2023-10-01T22:58:38Z")

</div>

Solution

#main-root [class\*=“is-mobile”] , div[class\*=“unified-side-bar\_\_\_StyledDiv-sc-1omwj0x-8 desYoz user-controls-highlight”] {  
display: none;  
}

---

<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:** [October 2, 2023, 12:26am UTC](https://community.glideapps.com/t/how-do-i-hide-the-sign-in-button/66685/3 "2023-10-02T00:26:32Z")

</div>

> [@Brandon](#):
>
> -sc-1omwj0x-8 desYoz

This random class might make your code invalid some day.

Since you’re already using \*= when you try to extract the class, find something that is unique to that button, and without the random class name to make sure it always work.

The is-mobile class should also be investigated, would that code target anything else other than the thing you want to hide?

---

<div class="post-metadata">

**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:** [October 2, 2023, 2:45am UTC](https://community.glideapps.com/t/how-do-i-hide-the-sign-in-button/66685/4 "2023-10-02T02:45:32Z")

</div>

> [@Brandon](#):
>
> #main-root [class\*=“is-mobile”] , div[class\*=“unified-side-bar\_\_\_StyledDiv-sc-1omwj0x-8 desYoz user-controls-highlight”] {  
> display: none;  
> }

I’m curious - how does this hide it for one (public), but not for the other (employee)?  
And how do you tell the difference?

Or is it for two separate Apps?  
If for two separate Apps, why not just make the Public facing App Public without sign in?

---

<div class="post-metadata">

**Author:** ![Brandon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brandon/32/58098_2.png) [@Brandon](https://community.glideapps.com/u/Brandon)\
**Post date:** [October 2, 2023, 3:22am UTC](https://community.glideapps.com/t/how-do-i-hide-the-sign-in-button/66685/5 "2023-10-02T03:22:12Z")

</div>

On the app I have the title bar hidden on mobile so the sign in button only appears on desktop so I siloed the hidden button to only be desktop.