Posted By


madebycrunch on 10/31/14

Tagged


Statistics


Viewed 628 times
Favorited by 0 user(s)

CSS - Navigaiton - Footer Nav


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

Comment to follow


Copy this code and paste it in your HTML
  1. nav.footer {
  2. }
  3. nav.footer ul {
  4. font-size:11px; font-size:1.1rem;
  5. }
  6. nav.footer ul li {
  7. float:left;
  8. display:inline;
  9. margin-right:10px;
  10. margin-bottom:0;
  11. }
  12. nav.footer ul li.first {
  13. }
  14. nav.footer ul li.last {
  15. }
  16. nav.footer ul li a {
  17. }
  18. nav.footer ul li.copyright {
  19. }
  20. nav.footer ul li.copyright a {
  21. }
  22. nav.footer ul li.back_to_top {
  23. }
  24. nav.footer ul li.back_to_top a {
  25. }
  26. nav.footer ul li.site_credit {
  27. float:right;
  28. margin-right:0;
  29. }
  30. nav.footer ul li.site_credit a {
  31. }
  32.  
  33. @media (min-width:768px) and (max-width:1023px) {
  34.  
  35. nav.footer ul li.site_credit {
  36. clear:left;
  37. float:right;
  38. margin-top:-12px
  39. }
  40. nav.footer ul li.back_to_top {
  41. clear:both;
  42. margin-top:20px;
  43. float:left;
  44. }
  45.  
  46. }
  47.  
  48. @media (max-width:767px) {
  49.  
  50. nav.footer ul li.copyright {
  51. clear:both;
  52. float:none;
  53. display:block;
  54. margin-bottom:20px;
  55. }
  56. nav.footer ul li.site_credit {
  57. clear:left;
  58. float:right;
  59. margin-top:-12px
  60. }
  61. nav.footer ul li.back_to_top {
  62. clear:both;
  63. margin-top:20px;
  64. float:left;
  65. }
  66.  
  67. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.