File: /var/www/mentalhealthsteps.com/wp-content/themes/mentalhealthworld/header.php
<!DOCTYPE html>
<html lang="<?php language_attributes() ?>">
<head>
<meta charset="<?php echo bloginfo('charset'); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content=" ">
<meta name="author" content="elemis">
<title><?php wp_title('|', true, 'right'); bloginfo('name') ?></title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<!-- font awsome Icons CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="<?php echo bloginfo('template_directory'); ?>/css/style.css">
<link rel="stylesheet" href="<?php echo bloginfo('template_directory'); ?>/css/my.css">
<!-- favicon-->
<link rel="shortcut icon" href="<?php echo bloginfo('template_directory'); ?>/favicon_io (8)/favicon.ico">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<style>
a#contactLink {
color: #fff;
font-family: inherit;
font-size: 18px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
#contactPopup {
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 60%;
background-color: white;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
border-radius: 10px;
max-height: 80vh;
overflow-y: auto;
}
h3 {
font-size: 20px;
line-height: 1.3;
color: var(--color-text-primary);
font-family: "Poppins", sans-serif;
font-weight: 600;
}
input {
width: 100%;
padding: 6px 0px;
margin-bottom: 10px;
padding-left: 25px;
border-radius: 5px;
border: 1px solid var(--color-text-secondary);
}
textarea {
width: 100%;
padding-left: 25px;
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid var(--color-text-secondary);
}
form button {
background-color: #007BFF;
color: white;
padding: 10px;
border: none;
cursor: pointer;
border-radius: 5px;
}
form input, form textarea {
margin: 10px 0;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
background-color: transparent;
border: none;
color: #333;
cursor: pointer;
}
#map {
height: 300px;
width: 100%;
margin-top: 20px;
}
.gm-err-container {
height: 100%;
width: 100%;
display: table;
background-color: #e8eaed;
position: relative;
left: 0;
top: 0;
}
.gm-err-content
{
border-radius: 1px;
padding-top: 0;
padding-left: 10%;
padding-right: 10%;
position: static;
vertical-align: middle;
display: table-cell;
}
</style>
<!-- CSS ========================= -->
<!-- Fancybox v5 CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5/dist/fancybox/fancybox.css">
<?php wp_head();?>
</head>
<body>
<!-- header area start here -->
<div class="top-bar">
<div class="b-container">
<div class="d-flex justify-content-between align-items-center text-white px-3">
<div class="pe-3">
<p class="my-1 py-1 text-dark">
<a href="<?php echo home_url(); ?>" class="logo-link">
<!-- <img class="top-logo" src="image/client-logo-1.png" alt=""> -->
<span class="logo-span header_logo_span">
<?php $header_logo = get_field('header_logo','option'); ?>
<img src="<?php echo esc_url($header_logo['url']); ?>" alt="<?php echo esc_attr($header_logo['alt']); ?>" />
</span>
</a>
</p>
</div>
<?php //echo do_shortcode('[ivory-search id="65" title="AJAX Search Form"]'); ?>
<div class="search-box mt-3">
<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<div class="search-inner social-box align-items-center">
<input type="search" class="search-field" name="s" placeholder="Search here..." value="<?php echo get_search_query(); ?>" />
<input type="hidden" name="post_type" value="threads" />
<button type="submit" class="search-btn">Search</button>
</div>
</form>
<!-- Auto results will appear here -->
<div class="auto-search-results"></div>
</div>
<!--<form action="">-->
<!-- <div class="social-box align-items-center">-->
<!-- <input type="text" placeholder="Search...">-->
<!-- <button type="submit">Submit</button>-->
<!-- </div>-->
<!--</form>-->
<div class="d-flex align-items-center">
<div class="ps-3">
<!--<p class="my-1 py-1 text-dark"> P.O. Box 66802, Phoenix, AZ, 85082, USA</p>-->
<p class="my-1 py-1 text-dark d-flex justify-content-between"><span id="today"></p>
</div>
</div>
</div>
</div>
</div>
<header class="site-header">
<div class="b-container">
<div class="nav-wrapper">
<!-- <a href="#" class="logo">
<img src="image/fresh-fill-logo.png" alt="">
</a> -->
<!--<button class="menu-toggle" aria-label="Toggle Menu">☰</button>-->
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
<a href="javascript:void(0);" class="header-advertise-link contact-popup-link">Contact</a>
<div class="lang-tran-div">
<?php echo do_shortcode('[gtranslate]'); ?>
</div>
<!-- <ul class="main-nav">-->
<!-- <li><a href="#">Home</a></li>-->
<!-- <li><a href="#">About US</a></li>-->
<!-- <li>-->
<!-- <a href="#" class="has-mega">-->
<!-- Get Involved-->
<!-- <span class="toggle-arrow"></span>-->
<!-- </a>-->
<!-- <div class="mega-dropdown">-->
<!-- <div class="mega-content">-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Stakeholder Engagement</h6>-->
<!-- <p class="text-black">Stakeholder engagement involves proactively involving all relevant parties to-->
<!-- ensure their needs,</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Connect with NIMH</h6>-->
<!-- <p class="text-black">Connect with NIMH’s expert team to access the latest resources, </p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Digital Shareables</h6>-->
<!-- <p class="text-black">Download and share interactive digital materials designed to promote mental-->
<!-- health awareness across communities.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mega-content">-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Science Education</h6>-->
<!-- <p class="text-black">Explore engaging science education resources to deepen understanding and-->
<!-- inspire future researchers.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Upcoming Observances and Related Events</h6>-->
<!-- <p class="text-black">Stay informed about upcoming mental health awareness days and related events-->
<!-- to engage.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li><a href="#">Funding</a></li>-->
<!-- <li>-->
<!-- <a href="#" class="has-mega">-->
<!-- News & Events-->
<!-- <span class="toggle-arrow"></span>-->
<!-- </a>-->
<!-- <div class="mega-dropdown">-->
<!-- <div class="mega-content">-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Science Updates</h6>-->
<!-- <p class="text-black">List of NIMH science updates including press releases, research highlights, and institute announcements.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Meetings and Events</h6>-->
<!-- <p class="text-black">Find details about upcoming and past events—including meetings,</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Multimedia</h6>-->
<!-- <p class="text-black">NIMH videos and podcasts featuring science news, lecture series, meetings, seminars, and special events.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mega-content">-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Social Media</h6>-->
<!-- <p class="text-black">Follow NIMH on X, Facebook, YouTube and LinkedIn for the latest all information</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Press Resources</h6>-->
<!-- <p class="text-black">Information about NIMH, research results, summaries of scientific meetings, and mental health resources.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Innovation Speaker Series</h6>-->
<!-- <p class="text-black">The National Institute of Mental Health (NIMH) hosts an annual lecture series dedicated to innovation,</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mega-content">-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Email Updates</h6>-->
<!-- <p class="text-black">Updates about mental health topic, including NIHM news</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Contact The Press Office</h6>-->
<!-- <p class="text-black">P.O. Box 66802, Phoenix, AZ, 85082, USA</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="#" class="has-submenu">-->
<!-- Medication <span class="toggle-arrow"></span>-->
<!-- </a>-->
<!-- <div class="mega-dropdown">-->
<!-- <div class="mega-content">-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Attention-Deficit/Hyperactivity Disorder</h6>-->
<!-- <p class="text-black">ADHD is characterized by persistent patterns of inattention and/or-->
<!-- hyperactive-impulsive behavior.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Autism Spectrum Disorder</h6>-->
<!-- <p class="text-black">ASD is a developmental condition affecting communication and behavior across a-->
<!-- spectrum of presentations.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Bipolar Disorder</h6>-->
<!-- <p class="text-black">Bipolar disorder involves episodes of mood swings ranging from depressive lows-->
<!-- to manic highs.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mega-content">-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Borderline Personality Disorder</h6>-->
<!-- <p class="text-black">BPD is marked by instability in moods, relationships, self-image, and-->
<!-- behavior.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Depression</h6>-->
<!-- <p class="text-black">Depression is a common mood disorder causing persistent feelings of sadness-->
<!-- and loss of interest.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Eating Disorders</h6>-->
<!-- <p class="text-black">Eating disorders involve severe disturbances in eating behaviors and related-->
<!-- thoughts and emotions.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mega-content">-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Obsessive-Compulsive Disorder</h6>-->
<!-- <p class="text-black">OCD is characterized by unwanted, repeated thoughts or sensations (obsessions)-->
<!-- leading to ritualized behaviors (compulsions).</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Post-Traumatic Stress Disorder</h6>-->
<!-- <p class="text-black">PTSD can develop after exposure to a traumatic event, causing flashbacks and-->
<!-- severe anxiety.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Schizophrenia</h6>-->
<!-- <p class="text-black">Schizophrenia is a serious mental disorder involving distortions in thinking,-->
<!-- perception, emotions, and behavior.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mega-content">-->
<!-- <div class="mega-column">-->
<!-- <a href="" class="text-decoration-none">-->
<!-- <h6>Suicide Prevention</h6>-->
<!-- <p class="text-black">Suicide prevention resources focus on identifying risks and offering support-->
<!-- to those in crisis.</p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!--</ul>-->
</div>
</div>
</header>
<!-- nav js -->
<script>
document.addEventListener('DOMContentLoaded', function () {
// Toggle main nav on mobile
const menuToggle = document.querySelector('.menu-toggle');
const mainNav = document.querySelector('.main-nav');
menuToggle.addEventListener('click', function () {
mainNav.classList.toggle('open');
});
// Toggle submenu on mobile
document.querySelectorAll('.has-submenu').forEach((toggle) => {
toggle.addEventListener('click', function (e) {
e.preventDefault();
const submenu = this.nextElementSibling;
if (!submenu) return;
submenu.style.display = submenu.style.display === 'block' ? 'none' : 'block';
this.querySelector('.toggle-arrow').classList.toggle('open');
});
});
// Toggle mega menu on mobile
document.querySelectorAll('.has-mega').forEach((toggle) => {
toggle.addEventListener('click', function (e) {
e.preventDefault();
const mega = this.nextElementSibling;
if (!mega) return;
mega.style.display = mega.style.display === 'block' ? 'none' : 'block';
this.querySelector('.toggle-arrow').classList.toggle('open');
});
});
});
</script>
<!-- #header end -->
<!-- /header -->