WILDBLUEROPES

navigation template

by rsolomonjr1

HTML

<!-- PLACE UNDER <div class="row desktop"> --> 
<nav class="left">
    <ul>
        <li><a href="http://wildblueropes.com/experience">The Experience</a></li>
        <li><a href="http://wildblueropes.com/core-values">Core Values</a></li>
        <li><a href="http://wildblueropes.com/groups-discounts">Groups</a></li>
        <li style="padding-right:120px"><div class="logo home"><a href="http://wildblueropes.com" class="logo"><img src="http://wildblueropes.com/wp-content/themes/wild-blue-ropes/-/img/logo-home.png"/></a></div></li>
        <li><a href="http://wildblueropes.bigcartel.com/">Shop</a></li>
        <li><a href="http://wildblueropes.com/faq">FAQ</a></li>
        <li><a href="http://wildblueropes.com/find-us">Find Us</a></li>
        <li><a href="http://www.zerve.com/WildBlueRope/Course" target="_blank" class="reservations button">Reserve with <img src="http://wildblueropes.com/wp-content/themes/wild-blue-ropes/-/img/header/zerve-logo.png"/></a></li>     
    </ul>		
</nav>

CSS

ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a
{
display:inline-block;
width:120px; /* should actually be 1160px per your site */
}