Advanced Search

CSS - Navigation - Sub Nav

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

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. nav.sub {
  2. 	position:relative;
  3. 	overflow:hidden;
  4. 	height:100%;
  5. 	margin-bottom:20px;
  6. 	}
  7. nav.sub p.heading {
  8. 	font-size:16px; font-size:1.6rem;
  9. 	}
  10. nav.sub ul li {
  11. 	display:inline;
  12. 	}
  13. nav.sub ul li a {
  14. 	display:block;
  15. 	padding:10px 15px;
  16. 	}
  17. nav.sub ul li.last a {
  18. 	border:0 none;
  19. 	}
  20. nav.sub ul li a.active {
  21. 	position:relative;
  22. 	bottom:0;
  23. 	font-weight:bold;
  24. 	}
  25. nav.sub ul li a span {
  26. 	display:block;
  27. 	}
  28.  
  29. nav.sub ul li.has_child a span {
  30. 	}
  31.  
  32. nav.sub ul li ul {
  33. 	font-size:12px; font-size:1.2rem;
  34. 	border:0 none;
  35. 	padding:0;
  36. 	}
  37. nav.sub ul li.last ul {
  38. 	border-bottom:0 none;
  39. 	}
  40. nav.sub ul li ul li a {
  41. 	border:0 none;
  42. 	background:none;
  43. 	}
  44. nav.sub ul li ul li a.active:hover {
  45. 	background:none;
  46. 	}
  47.  
  48. nav.sub ul li ul li a span {
  49. 	padding:0!important;
  50. 	background:none!important;
  51. 	}

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.