# CSS hide Title for all screen sizes but desktop

**URL:** <https://community.glideapps.com/t/css-hide-title-for-all-screen-sizes-but-desktop/65725>\
**Category:** Ask for Help\
**Created:** [September 2, 2023, 9:39pm UTC](https://community.glideapps.com/t/css-hide-title-for-all-screen-sizes-but-desktop/65725 "2023-09-02T21:39:35Z")\
**Posts on this page:** 7\
**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:** [September 2, 2023, 9:39pm UTC](https://community.glideapps.com/t/css-hide-title-for-all-screen-sizes-but-desktop/65725/1 "2023-09-02T21:39:35Z")

</div>

I used the following css to hide the title, but I cannot find a method that shoes the title on desktop.

@media screen and (min-width: 700px) {  
header {  
display: none !important;  
}  
}

---

<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:** [September 2, 2023, 11:10pm UTC](https://community.glideapps.com/t/css-hide-title-for-all-screen-sizes-but-desktop/65725/2 "2023-09-02T23:10:35Z")

</div>

So you want to hide the title of the app on all devices, bar the desktop?

---

<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:** [September 11, 2023, 10:42pm UTC](https://community.glideapps.com/t/css-hide-title-for-all-screen-sizes-but-desktop/65725/3 "2023-09-11T22:42:03Z")

</div>

Yes hide the title bar for mobile but not on desktop.

---

<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:** [September 12, 2023, 1:13am UTC](https://community.glideapps.com/t/css-hide-title-for-all-screen-sizes-but-desktop/65725/4 "2023-09-12T01:13:26Z")

</div>

Do you mean this part?

 ![Billing Buddy · Glide 2023-09-12 at 8.12.36 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/5/45c15feaca8e845a2b80fa880e8643e0e8b6264c.jpeg)

I think using @media is the right move.

---

<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:** [September 12, 2023, 4:22pm UTC](https://community.glideapps.com/t/css-hide-title-for-all-screen-sizes-but-desktop/65725/5 "2023-09-12T16:22:25Z")

</div>

Yes

---

<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:** [September 13, 2023, 12:41am UTC](https://community.glideapps.com/t/css-hide-title-for-all-screen-sizes-but-desktop/65725/6 "2023-09-13T00:41:32Z")

</div>

```auto
#main-root [class*="is-mobile"] , div[class*="mobile-nav-bar"] {
display: none;
}

```

Please test this.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/6/2672d600547b9221ddbf6e4b330a7a8c8588d651.jpeg)

Make sure you have the right setup so that the first few components don’t overflow into the top part of the phone though.

---

<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:** [September 20, 2023, 12:41am UTC](https://community.glideapps.com/t/css-hide-title-for-all-screen-sizes-but-desktop/65725/7 "2023-09-20T00:41:41Z")

</div>

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