/ Published in: CSS

CSS - Navigation - Top Nav
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
nav.top { overflow:hidden; height:100%; } nav.top ul { color:#999; font-size:12px; font-size:1.2rem; } nav.top ul li.logout a { display:inline; } nav.top ul li.logout div { display:inline; margin-right:5px; } @media (min-width:768px) { nav.top { } .navigatoin nav.top { position:absolute; top:20px; right:0; } nav.top ul { color:#999; font-size:12px; font-size:1.2rem; } nav.top ul li { display:inline; float:left; margin-left:20px; } nav.top ul li a { display:block; float:left; } nav.top ul li a span { } nav.top ul li div { display:block; float:left; } } @media (max-width:767px) { nav.top ul { position:relative; clear:both; } nav.top ul li { display:block; } nav.top ul li a { display:block; padding:10px 0; } }
Comments
