File: /var/www/html/wp-content/themes/custom-theme/header.php
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="light">
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<header class="site-header">
<!-- Top utility bar -->
<div class="utility-bar">
<div class="utility-bar__inner">
<a href="#" class="utility-link utility-link--green">Schedule an FX Pickup or Delivery</a>
<a href="/about-cae/contact-us" class="utility-link utility-link--brick">Contact Us</a>
<span class="utility-divider"></span>
<a href="#" class="utility-icon" aria-label="Member Portal">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<circle cx="12" cy="8" r="4" stroke="#004F39" stroke-width="2"/>
<path d="M4 21c0-4.418 3.582-8 8-8s8 3.582 8 8" stroke="#004F39" stroke-width="2" stroke-linecap="round"/>
</svg>
</a>
<span class="utility-divider"></span>
<a href="/search" class="utility-icon" aria-label="Search">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none">
<circle cx="10" cy="10" r="7" stroke="#004F39" stroke-width="2"/>
<path d="M15 15l5 5" stroke="#004F39" stroke-width="2" stroke-linecap="round"/>
</svg>
</a>
<span class="utility-divider"></span>
<span class="lang-selector">ENG
<svg width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1l4 4 4-4" stroke="#004F39" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<a href="/support-cae/donate/" class="donate-button">Donate</a>
</div>
</div>
<!-- Main navigation -->
<nav class="main-nav">
<div class="main-nav__inner">
<a href="<?php echo home_url('/'); ?>" class="site-logo">
<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/global/cae-logo.svg" alt="<?php bloginfo('name'); ?>" width="224" height="86">
</a>
<?php
wp_nav_menu([
'theme_location' => 'primary',
'container' => false,
'menu_class' => 'nav-links',
'fallback_cb' => 'cae_fallback_nav',
]);
?>
</div>
</nav>
</header>
<?php
// Fallback nav if no menu is assigned
function cae_fallback_nav() {
$items = [
'About CAE' => '/about-cae',
'Programs & Places' => '/programs-places',
'News & Events' => '/news-events',
'Impact' => '/impact',
'Media' => '/media',
'Support CAE' => '/support-cae',
];
echo '<ul class="nav-links">';
foreach ($items as $label => $url) {
$active = (strpos($_SERVER['REQUEST_URI'], $url) === 0) ? ' current' : '';
echo '<li class="nav-item' . $active . '"><a href="' . esc_url($url) . '" class="nav-link">' . esc_html($label) . '</a></li>';
}
echo '</ul>';
}
?>