<?php
/**
* Template part for displaying header layout two
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package arsha
*/
$header_topbar_switch = get_theme_mod( 'header_topbar_switch', true );
// header right
$arsha_header_right = get_theme_mod( 'header_right_switch', false );
$arsha_header_menu_col = $arsha_header_right ? 'col-xl-8 d-none d-xl-block' : 'col-xl-10 d-none d-xl-block';
$arsha_menu_position = $arsha_header_right ? 'text-center' : 'text-end ';
?>
<header class="mtheader__area mt-transparent-header p-relative">
<div id="mt-header-sticky" class="mtheader mtheader__2">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-6">
<div class="mtheader__logo">
<?php arsha_header_logo(); ?>
</div>
</div>
<div class="<?php echo esc_attr($arsha_header_menu_col); ?> ">
<div class="mtheader__menu <?php echo esc_attr($arsha_menu_position); ?>">
<nav class="mt-mobile-menu-active">
<?php arsha_header_menu(); ?>
</nav>
</div>
</div>
<?php if(!empty($arsha_header_right)) : ?>
<div class="col-xl-2 col-6">
<div class="mtheader__right text-end">
<div class="mtheader__right-bar mt-10 mb-10">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
<?php endif;?>
<?php if(empty($arsha_header_right)) : ?>
<div class="col-xl-2 col-6">
<div class="mtheader__right text-end d-xl-none">
<div class="mtheader__right-bar mt-10 mb-10">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
<?php endif;?>
</div>
</div>
</div>
</header>
<?php get_template_part( 'template-parts/header/header-side-info' ); ?>