Header.PhP in Child Theme

I have created no less than 10 websites with the hello biz theme. It is awesome, thank you.

That said, I create a child theme.

In the header.php I have the following code, yet the header is completely missing, not displayed. I have read the code numerous times and compared it to header.php files that display correctly, for the life of me I cannot find the problem. At one point I disabled the hello plus plugin, the header showed but the next day it was gone again. I have tried wordpress debug true and the firefox developer console and still cannot find a problem.

I was hoping that something obvious may stand out to someone with more experience.

Thanks in advance for any ideas:

<?php
/**
 * The template for displaying header.
 *
 * @package HelloBiz
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

$site_name = get_bloginfo( 'name' );
$tagline   = get_bloginfo( 'description', 'display' );
$header_nav_menu = wp_nav_menu( [
	'theme_location' => 'menu-1',
	'fallback_cb' => false,
	'container' => false,
	'echo' => false,
] );
?>

<header id="site-header" class="site-header" style="padding:0px;">
	
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />

	<div id ="head-container" style="width: 100%;padding:0px !important;background-image: url(/images/header-bg.jpg);background-repeat:repeat-x;min-height: 385px;">
		<div id="head-top-outer" style="width:1280px;margin-left:auto;margin-right:auto;border-left:1px solid #FFF;border-bottom:1px solid #FFF;border-right:1px solid #FFF;min-height:100px;">
			<div id="head-top-inner" style="width:1272px;margin-left:3px;margin-right:3px;margin-bottom:3px;border-left:4px solid #FFF;border-bottom:4px solid #FFF;border-right:4px solid #FFF;min-height:96px;background-image:url(/images/header-top-bg.jpg);background-repeat:repeat-x;">
				<div id="logo" style="width:550px;margin-left:387px;padding-top:18px;">
					<a href="https://dwimanhattan.com"><img src="/images/DWI-manhattan-logo.png" alt="dwi manhattan" title="dwi manhattan" style="margin-right:12px;" ></a><a href="https://dwimanhattan.com"><img src="/images/dwi-manhattan-logo-text.png" alt="dwi manhattan" title="dwi manhattan" ></a>
				</div>
				<div id="phone" style="float:right;clear:none;width:165px;position:relative;top:-49px;color:#4c0004;margin-right:110px">
					Call: <a href="tel:917-519-8417" alt="call 917-519-8417" title="call 917-519-8417" style="color:#4c0004;font-size=32px;" >917-519-8417</a>
				</div>
			</div>
		</div>
		<div id="hero-outer" style="width:1240px;height:240px;margin-left:auto;margin-right:auto;border-left:1px solid #FFF;border-right:1px solid #FFF;margin-top:0px;padding:0px;">
			<div id="hero-inner" style="width:1220px;margin-left:10px;margin-top:0px;padding:0px;position:relative;top:-6px">
				<img src="/images/manhattan-dwi-lawyer.jpg" alt="manhattan dwi lawyer" title="manhattan dwi lawyer" >
			</div>
		</div>
	<div id="menu-box" style="width:1280px;padding: 0px;margin-left:auto;margin-right:auto;z-index:99;">
		<div id="top-menu" style="z-index:99 !important;overflow:visible;" />
				<?php if ( $header_nav_menu ) : ?>
						<nav class="site-navigation" aria-label="<?php echo esc_attr__( 'Main menu', 'hello-biz' ); ?>"style="min-height: 58px;background-color: #6a8aa4;width: 100%;padding: 0px 0px 0px 166px;font-size: 18px;color: #FFF !important;font-weight: bold;">
					<?php
					// PHPCS - escaped by WordPress with "wp_nav_menu"
					echo $header_nav_menu; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
					?>
				</nav>
	<?php endif; ?>
		</div>
	</div>




</header>

The page I need help with: [log in to see the link]