lenscape-wordpress-theme/header.php at master · irthifa/lenscape-wordpress-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<?php
/**
 * Header template for Lenscape theme.
 *
 * @package WordPress
 * @subpackage Lenscape
 * @since Lenscape 1.0
 */

?>
<!DOCTYPE html>

<html class="no-js" <?php language_attributes(); ?>>

	<head>

		<meta charset="<?php bloginfo( 'charset' ); ?>">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title><?php wp_title( '|', true, 'right' ); ?></title>
		<?php wp_head(); ?>

	</head>

	<body <?php body_class(); ?>>

		<?php
		wp_body_open();
		?>

		  <header id="site-header" class="header header-footer-group">
    <div class="overlay has-fade hide-for-desktop"></div>
    <div class="bg-white relative">
      <div class="container">
        <div class="flex justify-between items-center bg-white">
          <a class="logo-link" href="<?php echo esc_url(home_url('/')); ?>">
				<?php
					if (has_custom_logo()) {
						the_custom_logo(); //outputs <img> with alt and src
					} else {
						echo '<img src="' . get_template_directory_uri() . '/assets/images/shared/desktop/logo.svg" alt="Site Logo" />';
					}
				?>
			 <span class="uppercase text-black font-bolder font-shadow-black fs-25 tracking-wide lh-1">
					<?php bloginfo('name'); ?>
			 </span>
			 </a>

          <nav class="desktop-navigation hide-for-mobile">
            <?php
					wp_nav_menu(array(
						'theme_location' => 'primary',
						'container' => false,
						'menu_class' => 'flex justify-between',
						'fallback_cb' => 'lenscape_default_menu',
						'menu_type' => 'desktop',
						'walker' => new Lenscape_Walker_Nav_Menu()
					));
				?>
          </nav>

          <div class="hide-for-mobile">
            <?php lenscape_cta_button('nav', 'btn btn-primary btn-primary--black', false);?>
          </div>
          <button id="menu-toggler" class="hide-for-desktop">
            <span></span>
            <span></span>
          </button>
        </div>
      </div>
    </div>
    <div class="absolute left-0 right-0 has-fade">
      <div class="mobile-menu container hide-for-desktop flex flex-col">
        <nav class="mobile-navigation">
			<?php
					wp_nav_menu(array(
						'theme_location' => 'primary',
						'container' => false,
						'menu_class' => 'flex flex-col items-center',
						'fallback_cb' => 'lenscape_default_menu',
						'menu_type' => 'mobile',
						'walker' => new Lenscape_Walker_Nav_Menu()
					));
			?>
        </nav>
        <div class="horizontal-line bg-light-grey"></div>
        <?php lenscape_cta_button('nav', 'btn btn-primary btn-primary--black', false);?>
      </div>
    </div>
  </header><!-- #site-header -->