範例:Wild Life(行動裝置)

【範例結果】


P1:平版 美化
P2:手機  美化 (一般美化)
P3:手機  美化 ( nav 美化及 JQ設定)


一、【平版】美化

#social {display: none;}
#nav li:nth-child(3){ clear: left;}
#nav li a:hover{ border-bottom:none; color: #fae754;}
#nav li a:before{  padding-right: 0px; font-size: 20px;}
#nav li:nth-child(1) a:hover:before{content: ""; }
#nav li:nth-child(2) a:hover:before{content: ""; }
#nav li:nth-child(3) a:hover:before{content: ""; }
#nav li:nth-child(4) a:hover:before{content: ""; }
#nav li a:after{ border: none;}

#banner{ height: 300px; position: relative;}
#banner #note{ float: none; padding: 10px; 
                width: 100%; box-sizing: border-box;
                position: absolute; left: 0; bottom: 0;}

#sec2 {	display: none; }

figure{ width:48%; margin:1%; box-sizing:border-box;}
.navbtn{display: none;}
.navClosebtn{display: none;}