Let's add a div tag right on top of the primary-nav in both the index.html file and the shark-movies.html file. We'll give it a class of mobile-menu-icon; that's going to be important:
<!--===============Nav===============--><nav class="grouping"> <figure> <img src="images/sharky.png" alt="Shark"> </figure> <div class="mobile-menu-icon"></div> <ul class="primary-nav grouping"> <li><a href="#">Home</a></li> <li class="has-submenu"><a href="shark-movies.html">Movies</a> <ul> <li class=""><a href="">Jaws</a></li> <li class=""><a href="">Sharknado</a></li> <li class=""><a href="">Open Water</a></li> </ul> </li> <li><a href="#">Species</a></li> <li><a href="#">Chum</a></li> </ul></nav>
Nothing shows up in the browser ...