Advanced Search

CSS - Navigation - Top Nav

/ Published in: CSS
Save to your folder(s)
CSS - Navigation - Top Nav

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. nav.top { 
  2. 	overflow:hidden;
  3. 	height:100%;
  4. 	}
  5. nav.top ul { 
  6. 	color:#999;
  7. 	font-size:12px; font-size:1.2rem;
  8. 	}
  9. nav.top ul li.logout a {
  10. 	display:inline;
  11. 	}
  12. nav.top ul li.logout div {
  13. 	display:inline;
  14. 	margin-right:5px;
  15. 	}
  16.  
  17. @media (min-width:768px) {
  18.  
  19. nav.top { 
  20. 	}
  21. .navigatoin nav.top { 
  22. 	position:absolute;
  23. 	top:20px;
  24. 	right:0;
  25. 	}
  26. nav.top ul { 
  27. 	color:#999;
  28. 	font-size:12px; font-size:1.2rem;
  29. 	}
  30. nav.top ul li {
  31. 	display:inline;
  32. 	float:left;
  33. 	margin-left:20px;
  34. 	}
  35. nav.top ul li a {
  36. 	display:block;
  37. 	float:left;
  38. 	}
  39. nav.top ul li a span {
  40. 	}
  41. nav.top ul li div {
  42. 	display:block;
  43. 	float:left;
  44. 	}
  45.  
  46. }
  47.  
  48. @media (max-width:767px) {
  49.  
  50. nav.top ul {
  51. 	position:relative;
  52. 	clear:both;
  53. 	}
  54. nav.top ul li {
  55. 	display:block;
  56. 	}
  57. nav.top ul li a {
  58. 	display:block;
  59. 	padding:10px 0;
  60. 	}
  61.  
  62. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.