nav 行動裝置CSS設定(index)

JDX_ex4(index):行動裝置加入

一、#topNav中Icon加入

範例結果

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
  <nav id="topNav"> 
    <!--手機右上角Icon-->
    <div class="navToggle">
      <div class="icon"><i class="fa fa-bars" aria-hidden="true"></i></div>
    </div>
    <h1 id="logo"><a href="#"></a></h1>
    <ul id="nav">
      <li><a href="javascript:;" class="current" data-naven="Home">首頁</a></li>
      <li><a href="javascript:;" data-naven="New Arrival">最新上架</a></li>
      <li><a href="javascript:;" data-naven="Recommend Top">主題推薦</a></li>
      <li><a href="javascript:;" data-naven="About Us">關於我們</a></li>
    </ul>
  </nav>
/*===手機右上角Icon隱藏   .navToggle=================*/
.navToggle{
	display:none;
}