How to solve the breadcrumb is displayed under the header without using settimout

we can use the afterViewRender function instead of

• setimeout
• set interval
• delay

Example of afterViewRender function

solution:

var self = this;
self.on("afterViewRender", function (params) {
$(document).ready(function () {
var siteHeaderHeight = $('#site-header').height();
$('#main-container').css('padding-top', siteHeaderHeight + 'px');
});