# Hide App Header on a Certain Page

**URL:** <https://forums.knack.com/t/hide-app-header-on-a-certain-page/11449>\
**Category:** Ask Developers\
**Created:** [October 29, 2021, 9:26am UTC](https://forums.knack.com/t/hide-app-header-on-a-certain-page/11449 "2021-10-29T09:26:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Craig\_Anderson](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/craig_anderson/32/1819_2.png) [@Craig\_Anderson](https://forums.knack.com/u/Craig_Anderson)\
**Post date:** [October 29, 2021, 9:26am UTC](https://forums.knack.com/t/hide-app-header-on-a-certain-page/11449/1 "2021-10-29T09:26:25Z")

</div>

Hi, I’m trying to hide the App Header, but only on a certain page.  
Does anyone have any code to achieve this?  
Cheers

---

<div class="post-metadata">

**Author:** ![Sunny\_Singla](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/sunny_singla/32/1007_2.png) [@Sunny\_Singla](https://forums.knack.com/u/Sunny_Singla)\
**Post date:** [October 29, 2021, 2:01pm UTC](https://forums.knack.com/t/hide-app-header-on-a-certain-page/11449/2 "2021-10-29T14:01:13Z")

</div>

Hello Craig,

Try the below code and add screen id according to your screen.

var scenes = [“scene\_123”,“scene\_11”,“scene\_22”,“scene\_33”,“scene\_44”]

$(document).on(‘knack-scene-render.any’, function (event, scene) {

```
var key = scene.key;

if (scenes.indexOf(key) >= 0) {
    $("#kn-app-header").hide();
}
else {
    $("#kn-app-header").show();
}

```

});

Regards,  
Sunny Singla  
[ssingla1985@gmail.com](mailto:ssingla1985@gmail.com)  
+919855089359

---

<div class="post-metadata">

**Author:** ![Craig\_Anderson](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/craig_anderson/32/1819_2.png) [@Craig\_Anderson](https://forums.knack.com/u/Craig_Anderson)\
**Post date:** [October 30, 2021, 1:03am UTC](https://forums.knack.com/t/hide-app-header-on-a-certain-page/11449/3 "2021-10-30T01:03:30Z")

</div>

Thanks Sunny.  
Worked a treat.  
Much appreciated!

---

<div class="post-metadata">

**Author:** ![MichaelGraham](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/michaelgraham/32/3085_2.png) [@MichaelGraham](https://forums.knack.com/u/MichaelGraham)\
**Post date:** [August 28, 2024, 9:01am UTC](https://forums.knack.com/t/hide-app-header-on-a-certain-page/11449/4 "2024-08-28T09:01:54Z")

</div>

Is this code now deprecated? I cant get it to work in 2024 🙂

---

<div class="post-metadata">

**Author:** ![Craig\_Anderson](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/craig_anderson/32/1819_2.png) [@Craig\_Anderson](https://forums.knack.com/u/Craig_Anderson)\
**Post date:** [August 28, 2024, 9:13am UTC](https://forums.knack.com/t/hide-app-header-on-a-certain-page/11449/5 "2024-08-28T09:13:43Z")

</div>

Still working fine for me …

---

<div class="post-metadata">

**Author:** ![MichaelGraham](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/michaelgraham/32/3085_2.png) [@MichaelGraham](https://forums.knack.com/u/MichaelGraham)\
**Post date:** [August 28, 2024, 9:31am UTC](https://forums.knack.com/t/hide-app-header-on-a-certain-page/11449/6 "2024-08-28T09:31:41Z")

</div>

That what I have on a demo app with 1 page scene\_1 and it seems to ignore it?

> [@Sunny\_Singla](#):
>
> var scenes = [“scene\_123”,“scene\_11”,“scene\_22”,“scene\_33”,“scene\_44”]
> 
> $(document).on(‘knack-scene-render.any’, function (event, scene) {
> 
> ```auto
> var key = scene.key;
> 
> if (scenes.indexOf(key) >= 0) {
> $("#kn-app-header").hide();
> }
> else {
> $("#kn-app-header").show();
> }
> 
> ```
> 
> });

```auto
var scenes = ["scene_1"];

$(document).on('knack-scene-render.any', function (event, scene) {
    var key = scene.key;

    if (scenes.indexOf(key) >= 0) {
        $("#kn-app-header").hide();
    } else {
        $("#kn-app-header").show();
    }
});

```

---

<div class="post-metadata">

**Author:** ![Sunny\_Singla](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/sunny_singla/32/1007_2.png) [@Sunny\_Singla](https://forums.knack.com/u/Sunny_Singla)\
**Post date:** [August 28, 2024, 9:45am UTC](https://forums.knack.com/t/hide-app-header-on-a-certain-page/11449/7 "2024-08-28T09:45:26Z")

</div>

Micheal can you check is that id"#kn-app-header" exist or not?

May be you are using a app with different setting .

Thanks