File: /var/www/selfanalyse/wp-content/themes/psychometrics/header.php
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="icon" type="image/png" sizes="32x32" href="/wp-content/themes/psychometrics/images/favicon.png">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="<?php echo ROOT_LINK ?>wp-content/themes/psychometrics/bootstrap/css/toastr.min.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VX0PVTD0D1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-VX0PVTD0D1');
</script>
<?php wp_head(); ?>
<script src="<?php echo ROOT_LINK ?>wp-content/themes/psychometrics/bootstrap/js/jquery.min.js"></script>
</head>
<body <?php body_class(); ?>>
<!-- HEADER SECTION -->
<header class="header-box">
<div class="container-fluid">
<div class="row">
<div class="top-header">
<div class="col-md-2 col-sm-2 col-xs-12 p-0">
<ul class="header-social-ul">
<li><a href="https://twitter.com/self_analyse" target="_blank"><i class="fab fa-twitter"></i></a> </li>
<li><a href="https://facebook.com/selfanalyse" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="https://www.instagram.com/self_analyse/" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.youtube.com/channel/UC_Y9Si7E4Xjt9hjYhGuo_gQ/videos" target="_blank"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<ul class="header-contact-ul">
<li> <a href="mailto:info@selfanalyse.com"><i class="fa fa-envelope-open"></i> info[at]selfanalyse[dot]com</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<ul class="header-login-ul">
<?php
if (is_user_logged_in()) {
?>
<li><a href="/logout"><i class="fa fa-lock"></i> Logout</a></li>
<li><a href="/profile/"><i class="fa fa-user"></i> My Profile</a></li>
<?php } else { ?>
<li><a href="/register/"><i class="fa fa-unlock-alt"></i> Register</a></li>
<li><a href="/login/"><i class="fa fa-user"></i> Login</a></li>
<?php } ?>
</ul>
</div>
</div>
<div class="navheader" id="myHeader">
<div class="col-md-2 col-sm-2 col-xs-12 p-0">
<div class="logo-box">
<a href="/">
<img src="https://selfanalyse.com/wp-content/themes/psychometrics/images/shine-logo.png" alt="Self Analyse">
</a>
</div>
</div>
<div class="col-md-7 col-sm-7 col-xs-12">
<div class="topnav responsive" id="myTopnav">
<nav class="navbar">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav">
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/about-us/">About Us</a>
</li>
<li>
<a href="/psychometric-test/">Psychometric Test</a>
</li>
<li>
<a href="/counselors/">Counselors</a>
</li>
<li>
<a href="/faqs/">FAQ’s</a>
</li>
<li>
<a href="/contact-us/">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<button class="book-app-btn">
<a href="/counselors/"> Book Appointment</a>
</button>
</div>
</div>
</div>
</div>
</header>
<!-- END HEADER SECTION -->
<script>
window.onscroll = function() {
myFunction()
};
var header = document.getElementById("myHeader");
var sticky = header.offsetTop;
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>