Hide App Header and CrumbTrail on Specific Page

API & Customization
1

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

 

I've tried this;

 

#view_612 .kn-crumbtrail a {
display: none;
}

 

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

2

@zak. Try appending some html to the next element in the div  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.

 

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" );   //Use as many spaces as necessary (&nbsp)

});

}

3

I use this script quite often:

 

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');
});

}