File: /var/www/html/onlineshopold/wp-content/themes/nautica/header-v5.php
<?php
/**
* The Header for our theme: Top has Logo left + Search + shopping cart right . Below is horizal main menu and search
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package Engotheme
* @subpackage Engo_Theme
* @since EngoTheme 1.0
*/
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) & !(IE 8)]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site"><div class="engo-page-inner row-offcanvas row-offcanvas-left">
<?php if ( get_header_image() ) : ?>
<div id="site-header" class="hidden-xs hidden-sm">
<a href="<?php echo esc_url( get_option('header_image_link','#') ); ?>" rel="home">
<img src="<?php header_image(); ?>" width="<?php echo esc_attr(get_custom_header()->width); ?>" height="<?php echo esc_attr(get_custom_header()->height); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
</a>
</div>
<?php endif; ?>
<header id="engo-masthead" class="site-header engo-header-v5 <?php nautica_fnc_get_header_possition();?>" role="banner">
<div class="container-fluid <?php nautica_fnc_get_header_sticky();?>">
<div class="row">
<div class="header-main clearfix">
<section id="engo-mainmenu" class="engo-mainmenu engo-vertical-megamenu">
<div class="inner navbar-mega-light">
<div class="pull-left hidden-lg hidden-md engo-mainmenu offcanvas-fixed">
<div class="btn-toggle-menu version-black" data-toggle="offcanvas">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
</div>
<div class="hidden-sm hidden-xs btn-toggle-menu engo-toggle-menu-position version-white" data-style="version-white reverse">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
<div class="engo-vertical-fixed-block">
<?php get_template_part( 'page-templates/parts/nav' ); ?>
<div class="search-box animation-element fade-in" id="search-box-v5">
<?php get_template_part( 'page-templates/parts/search-v1' ); ?>
</div>
</div>
<script type="text/javascript">
jQuery( document ).ready( function() {
/** toggle menu header v5 **/
var toggle_background = jQuery(".engo-toggle-menu-position").attr("data-style");
var screen_height = jQuery(window).height();
jQuery("body").append("<div class='engo-menu-toggle-background'></div>");
jQuery(".engo-vertical-fixed-block").addClass(toggle_background);
jQuery(".engo-vertical-fixed-block > nav > .navbar-collapse", "#engo-mainmenu").attr('style', 'height:' + screen_height + 'px !important');
var this_ul_mega = jQuery(".engo-vertical-fixed-block > nav > .navbar-collapse > ul", "#engo-mainmenu");
jQuery("#search-box-v5").css({"top": this_ul_mega.offset().top + this_ul_mega.outerHeight()});
jQuery(".engo-toggle-menu-position").click(function () {
jQuery(this).toggleClass("on");
jQuery(".engo-menu-toggle-background").toggleClass("show "+ toggle_background);
jQuery(".navbar-collapse").toggleClass("open");
jQuery("#search-box-v5").toggleClass("active");
});
});
</script>
</div>
</section>
<div class="topbar-actions">
<div class="pull-right text-right is-face-top header-right">
<?php do_action( "nautica_template_header_right" ); ?>
</div>
<div class="pull-right text-right is-face-top header-before engo-horizontal-megamenu">
<?php do_action( 'nautica_template_header_before' ); ?>
</div>
<div class="logo-wrapper is-face container-fluid">
<?php get_template_part( 'page-templates/parts/logo' ); ?>
</div>
</div>
</div>
</div>
</div>
</header><!-- #masthead -->
<?php do_action( 'nautica_template_header_after' ); ?>
<section id="main" class="site-main">