# CSS to hide the mobile-nav-bar on mobile screens

**URL:** <https://community.glideapps.com/t/css-to-hide-the-mobile-nav-bar-on-mobile-screens/81584>\
**Category:** Ask for Help\
**Tags:** custom-code\
**Created:** [April 28, 2025, 2:20am UTC](https://community.glideapps.com/t/css-to-hide-the-mobile-nav-bar-on-mobile-screens/81584 "2025-04-28T02:20:50Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![l3oy8231](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l3oy8231/32/32303_2.png) [@l3oy8231](https://community.glideapps.com/u/l3oy8231)\
**Post date:** [April 28, 2025, 2:20am UTC](https://community.glideapps.com/t/css-to-hide-the-mobile-nav-bar-on-mobile-screens/81584/1 "2025-04-28T02:20:50Z")

</div>

Currently, I am using the following CSS to hide the mobile-nav-bar on mobile screens:

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

```

However, I encountered an issue where the “Done” button disappears when I use the Signature function.  
How can I fix this problem? Please advise me.

Thank you very much.

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [April 29, 2025, 4:39am UTC](https://community.glideapps.com/t/css-to-hide-the-mobile-nav-bar-on-mobile-screens/81584/2 "2025-04-29T04:39:46Z")

</div>

Can you show a screen shot of what exactly you are talking about? I think I get it, but I am not sure.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [April 29, 2025, 8:29am UTC](https://community.glideapps.com/t/css-to-hide-the-mobile-nav-bar-on-mobile-screens/81584/3 "2025-04-29T08:29:14Z")

</div>

> [@l3oy8231](#):
>
> I am using the following CSS to hide the mobile-nav-bar on mobile screens:

> [@l3oy8231](#):
>
> How can I fix this problem? Please advise me.

You are tweaking/hacking and in the same breath you say you have an issue with the tweaking/hacking.

This is probably not what you want to hear, but my recommendations in your case would be to not use CSS.

My general rule of thumb is the following: CSS is so basic to use that if you have a question about it, you probably shouldn’t be using it in the first place.

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [April 29, 2025, 10:48am UTC](https://community.glideapps.com/t/css-to-hide-the-mobile-nav-bar-on-mobile-screens/81584/4 "2025-04-29T10:48:23Z")

</div>

There are advanced CSS that you can do…

---

<div class="post-metadata">

**Author:** ![l3oy8231](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l3oy8231/32/32303_2.png) [@l3oy8231](https://community.glideapps.com/u/l3oy8231)\
**Post date:** [May 1, 2025, 10:11am UTC](https://community.glideapps.com/t/css-to-hide-the-mobile-nav-bar-on-mobile-screens/81584/5 "2025-05-01T10:11:10Z")

</div>

> [@MaximeBaker](#):
>
> There are advanced CSS that you can do…

Do you have any CSS code to recommend me?

Thank you for your help. 🙏

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [May 1, 2025, 11:36am UTC](https://community.glideapps.com/t/css-to-hide-the-mobile-nav-bar-on-mobile-screens/81584/6 "2025-05-01T11:36:56Z")

</div>

You can use advanced selectors like:  
`div[class="*is-mobile"]` or the class that appears in nav bar element in the HTML code.  
There are multiple way to achieve what you want.

My advice would be to play with the browser’s inspection functionality with CTRL+Shift+C and then select the element on the page. Then you will see the code on the right.

Are you ok with code?