# Hide App Header and CrumbTrail on Specific Page

**URL:** <https://forums.knack.com/t/hide-app-header-and-crumbtrail-on-specific-page/8320>\
**Category:** API & Custom Code\
**Created:** [October 26, 2020, 8:56pm UTC](https://forums.knack.com/t/hide-app-header-and-crumbtrail-on-specific-page/8320 "2020-10-26T20:56:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ZakKatz41795](https://avatars.discourse-cdn.com/v4/letter/z/2bfe46/32.png) [@ZakKatz41795](https://forums.knack.com/u/ZakKatz41795)\
**Post date:** [October 26, 2020, 8:56pm UTC](https://forums.knack.com/t/hide-app-header-and-crumbtrail-on-specific-page/8320/1 "2020-10-26T20:56:59Z")

</div>

Anyone know the correct CSS for hiding crumbtrail on a specific view/scene?

&nbsp;

I've tried this;

&nbsp;

#view\_612 .kn-crumbtrail a {  
display: none;  
}

&nbsp;

If I remove the view reference it works but I need to isolate this to specific pages. Any help?

---

<div class="post-metadata">

**Author:** ![Justin11773](https://avatars.discourse-cdn.com/v4/letter/j/5fc32e/32.png) [@Justin11773](https://forums.knack.com/u/Justin11773)\
**Post date:** [October 27, 2020, 8:59pm UTC](https://forums.knack.com/t/hide-app-header-and-crumbtrail-on-specific-page/8320/2 "2020-10-27T20:59:31Z")

</div>

@zak. Try appending some html to the next element in the div&nbsp; and add it to the script.

ie

$( "\<p\>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\</p\>" ).appendTo( ".FIND ELEMENT AND REPLACE" ); //Use as many spaces as necessary.

&nbsp;

var crumb\_scene\_names = ["scene\_62", "scene\_928", "scene\_792", "scene\_22", "scene\_759", "scene\_762"];

crumb\_scene\_names.forEach(bindToUpdate1);

function bindToUpdate1(selector\_scene\_name){

$(document).on('knack-page-render.' + selector\_scene\_name, function(event, page) {  
$('.kn-crumbtrail').css('display','none');

$( "\<p\>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\</p\>" ).appendTo( ".FIND ELEMENT AND REPLACE HERE" );&nbsp; &nbsp;//Use as many spaces as necessary&nbsp;(&nbsp)

});

}

---

<div class="post-metadata">

**Author:** ![Justin11773](https://avatars.discourse-cdn.com/v4/letter/j/5fc32e/32.png) [@Justin11773](https://forums.knack.com/u/Justin11773)\
**Post date:** [October 27, 2020, 8:39pm UTC](https://forums.knack.com/t/hide-app-header-and-crumbtrail-on-specific-page/8320/3 "2020-10-27T20:39:10Z")

</div>

I use this script quite often:

&nbsp;

var crumb\_scene\_names = ["scene\_62", "scene\_928", "scene\_792", "scene\_22", "scene\_759", "scene\_762"];

crumb\_scene\_names.forEach(bindToUpdate1);

function bindToUpdate1(selector\_scene\_name){

$(document).on('knack-page-render.' + selector\_scene\_name, function(event, page) {  
$('.kn-crumbtrail').css('display','none');  
});

}