Create dynamic fixed header height buffer

<div class="headerbuffer"></div>
var height=0;
if ($("#mobile-nav-bar").css("display") != "flex" ){
	height=$('.desktop-header').height();
	$('.headerbuffer').css({"margin-top":height});
}else{
	$('.headerbuffer').css({"margin-top":"initial"});
	height=0;
}

$(window).resize(function() {
	if ($("#mobile-nav-bar").css("display") != "flex" ){
		height=$('.desktop-header').height();
		$('.headerbuffer').css({"margin-top":height});
	}else{
		height=0;
		$('.headerbuffer').css({"margin-top":"initial"});
	}
});