# How do I remove the header and menu completely

**URL:** <https://discourse.nodered.org/t/how-do-i-remove-the-header-and-menu-completely/15674>\
**Category:** Dashboard\
**Created:** [18 September 2019 21:33 UTC](https://discourse.nodered.org/t/how-do-i-remove-the-header-and-menu-completely/15674 "2019-09-18T21:33:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Telson](https://avatars.discourse-cdn.com/v4/letter/t/3ab097/32.png) [@Telson](https://discourse.nodered.org/u/Telson)\
**Post date:** [18 September 2019 21:33 UTC](https://discourse.nodered.org/t/how-do-i-remove-the-header-and-menu-completely/15674/1 "2019-09-18T21:33:13Z")

</div>

Hi my first post so be gentle 😊  
I am trying to use an Iframe in another website to display the gauges from my dashboard,  
I have it setup and working fine except the header from the dashboard looks awful.  
Is there a way to remove the header and the menu completely from the dashboard so I can just display the gauges.

---

<div class="post-metadata">

**Author:** ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)\
**Post date:** [19 September 2019 04:46 UTC](https://discourse.nodered.org/t/how-do-i-remove-the-header-and-menu-completely/15674/2 "2019-09-19T04:46:45Z")

</div>

You can hide the header (title bar) in the dashboard options. The menu shouldn't become visible when you select the "Click to show side menu" option.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/e/e7184308346cb38e5a1a130f3dd6d4af79ed1cf2.png)

---

<div class="post-metadata">

**Author:** ![Telson](https://avatars.discourse-cdn.com/v4/letter/t/3ab097/32.png) [@Telson](https://discourse.nodered.org/u/Telson)\
**Post date:** [19 September 2019 05:46 UTC](https://discourse.nodered.org/t/how-do-i-remove-the-header-and-menu-completely/15674/3 "2019-09-19T05:46:47Z")

</div>

Wow how did I miss that!  
Thank you Kuema

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [19 September 2019 07:34 UTC](https://discourse.nodered.org/t/how-do-i-remove-the-header-and-menu-completely/15674/4 "2019-09-19T07:34:11Z")

</div>

> [@Telson](#):
>
> except the header from the dashboard looks awful.

so not so gentle then.... ?!?

---

<div class="post-metadata">

**Author:** ![Telson](https://avatars.discourse-cdn.com/v4/letter/t/3ab097/32.png) [@Telson](https://discourse.nodered.org/u/Telson)\
**Post date:** [19 September 2019 09:46 UTC](https://discourse.nodered.org/t/how-do-i-remove-the-header-and-menu-completely/15674/5 "2019-09-19T09:46:17Z")

</div>

Yeh good point. Sorry  
I should have said it did not fit in with my Wordpress theme.

---

<div class="post-metadata">

**Author:** ![hugobox](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hugobox/32/2948_2.png) [@hugobox](https://discourse.nodered.org/u/hugobox)\
**Post date:** [12 November 2020 19:59 UTC](https://discourse.nodered.org/t/how-do-i-remove-the-header-and-menu-completely/15674/6 "2020-11-12T19:59:17Z")

</div>

Hi! Here's a useful template-ui to hide the menu toolbar only if loaded in an iframe but shows the toolbar when loading dashboard directly, that way it is much easier for admin to browse all your pages while limiting page access to certain users, set the following script's ui-template type to "Added to site section":

```auto
<script>
if (window.top!=window.self){
    // In a Frame or IFrame
    document.body.classList.add('iframed')
}
</script>
<style>
  .iframed #toolbar {
    display: none;
  }
</style>

```