Remove burger menu, replace with responsive row of links

This commit is contained in:
2019-11-14 02:58:10 +00:00
parent b2d8d569a6
commit 4dff7a9a12
5 changed files with 91 additions and 504 deletions

View File

@ -1,20 +1,21 @@
<header class="header {% if page.layout == 'default' %}alt{% endif %}">
<h1 class="header-home"><a href="{{ "/" | absolute_url }}">Autonomic</a></h1>
<nav>
<ul class="header-nav">
<li>
<a class="header-link" href="{{ "/#core-values" | relative_url }}">Values</a>
</li>
<li>
<a class="header-link" href="{{ "/#services" | relative_url }}">Services</a>
</li>
<li>
<a class="header-link" href="{{ "/blog" | relative_url }}">Blog</a>
</li>
<li>
<a class="header-link" href="{{ "/#contact" | relative_url }}">Contact</a>
</li>
</ul>
</nav>
</header>
<div id="page-wrapper">
<header id="header" {% if page.layout == 'default' %} class="alt" {% endif %}>
<h1><a href="{{ "/" | absolute_url }}">Autonomic</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="{{ "/" | relative_url }}">Home</a></li>
<li><a href="{{ "/#core-values" | relative_url }}">Our Core Values</a></li>
<li><a href="{{ "/blog" | relative_url }}">Blog</a></li>
<li><a href="{{ "/#services" | relative_url }}">Services We Offer</a></li>
<li><a href="{{ "/#contact" | relative_url }}">Get In Touch</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>