heavenly/header.php at main · SaraM47/heavenly · 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
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo('charset'); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Favicon -->
  <link rel="icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico">

  <?php wp_head(); ?>
</head>

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

<header>
  <nav class="main-nav">

    <!-- Logo -->
    <div class="nav-left">
      <a href="<?php echo esc_url(home_url('/')); ?>">Heavenly</a>
    </div>

    <!-- Desktop menu -->
    <div class="nav-center">
    <?php
    wp_nav_menu([
      'theme_location' => 'main-nav',
      'fallback_cb'    => 'wp_page_menu'
    ]);
    ?>
    </div>
    <!-- Right side -->
    <div class="nav-right">
      <a href="#" class="cart-link">Cart</a>

      <button class="burger" type="button" aria-label="Open menu">
        <span></span>
        <span></span>
        <span></span>
      </button>
    </div>

  </nav>
</header>

<!-- Mobile navigation -->
<nav class="mobile-nav">
  <?php
    wp_nav_menu([
      'theme_location' => 'main-nav',
      'container'      => false,
      'menu_class'     => '',
      'fallback_cb'    => false
    ]);
  ?>
</nav>