<?php 
	$travivu_options = travivu_get_options();
?>

<div class="header-mobile header_mobile_screen">
  	<div class="header-mobile-content">
		<div class="header-content-inner clearfix"> 
		  	<div class="header-left">
				<div class="logo-mobile">
					<?php $logo_mobile = (isset($travivu_options['header_logo']['url']) && $travivu_options['header_logo']['url']) ? $travivu_options['header_logo']['url'] : get_template_directory_uri().'/assets/images/logo-mobile.png' ; ?>
				  	<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
					 	<img src="<?php echo esc_url($logo_mobile); ?>" alt="<?php bloginfo( 'name' ); ?>" />
				  	</a>
				</div>
		  	</div>
		  	<div class="header-right">
				<div class="canvas-mobile">
					<div class="canvas-menu gva-offcanvas">
					  	<a class="dropdown-toggle" data-canvas=".mobile" href="#"><i class="icon fas fa-bars"></i></a>
					</div>
					<div class="gva-offcanvas-content mobile">
						<div class="top-canvas">
							<?php $logo_mobile = (isset($travivu_options['header_logo']['url']) && $travivu_options['header_logo']['url']) ? $travivu_options['header_logo']['url'] : get_template_directory_uri().'/assets/images/logo-mobile.png' ; ?>
						  	<a class="logo-mm" href="<?php echo esc_url( home_url( '/' ) ); ?>">
							 	<img src="<?php echo esc_url($logo_mobile); ?>" alt="<?php bloginfo( 'name' ); ?>" />
						  	</a>
							<a class="control-close-mm" href="#"><i class="far fa-times-circle"></i></a>
						</div>
						<div class="wp-sidebar sidebar">
							<?php do_action('travivu_mobile_menu'); ?>
							<div class="after-offcanvas">
								<?php
									if(is_active_sidebar('offcanvas_sidebar_mobile')){ 
										dynamic_sidebar('offcanvas_sidebar_mobile');
									}
								?>
							</div>    
					  </div>
					</div>
				</div>
		  	</div>
		</div>  
  	</div>
</div>

