CSS - Navigation - Sub Nav


/ Published in: CSS
Save to your folder(s)

CSS - Navigation - Sub Nav


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.