Now that we have covered the basics of navigation, let's take it to the next level. We will try out the elements we just talked about, but also take things to the next level and add some advanced navigation to our one-page demo site. We'll start by adding a top navigation bar to our one pager. So let's delete lines 15-19 from chapter 2
and add the following code:
<nav class="top-bar" data-topbar data-options="is_hover: false"> <ul class="title-area"> <li class="name"> <h1><a href="#">Logo</a></h1> </li> <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li> </ul> <section class="top-bar-section"> <ul class="left"> <li class="active"><a href="#">Nav 1</a></li> <li class="has-dropdown"> <a href="#">Nav 2</a> <ul class...