americangrit-wordpress-theme/header.php at master · gruntstyle/americangrit-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
<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package American_Grit
 */

?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
  <?php wp_head(); ?>
  <link rel="icon" href="<?php echo site_url() ?>/wp-content/uploads/2017/02/favicon-16x16.png">
	<meta charset="<?php bloginfo( 'charset' ); ?>"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>

<body <?php body_class(); ?>>
<div id="page" class="site">
	<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'american-grit' ); ?></a>

	<header id="navContainer">
		<nav id="topNav">
			<section  id="logoAndSearch">
				<article id="logoArticle">
					<a href="<?php echo esc_url( home_url( '/' )) ?>"><img src="<?php echo get_template_directory_uri() ?>/assets/img/AG-Logo.png"/></a>
				</article>
				<article id="searchArticle">
					<div id="topSearchForm">
						<?php get_search_form() ?>
					</div>
					<a href="javascript:void(0);" class="icon" id="mobileMenuIcon">
						<i class="fa fa-bars"></i>
          </a>
				</article>
			</section>
			<section  id="primaryMenuContainer">
				<article >
					<?php
						wp_nav_menu( array(
							'theme_location' => 'menu-1',
							'menu_id'        => 'primary-menu',
						) );
          ?>
        </article>
      </section>
    </nav>
  </header>


	<div id="content" class="container">
    <a href="#">
      <i class="fa fa-arrow-up fa-lg" id="topArrow"\></i>
    </a>
		<div id="sideNav">
			<div id="sideSearchForm">
				<?php get_search_form(); ?>
			</div>
			<?php
				wp_nav_menu( array(
					'theme_location' => 'menu-1',
					'menu_id'        => 'side-menu',
				) );
			?>
		</div>