Advanced Search

Posted By

madebycrunch on 10/31/14

Tagged

Versions (?)

Last Edited at 10/31/14 04:20am

Statistics

Viewed 672 times
Favorited by 0 user(s)

Related snippets

875
CSS vertical nav
0
tab nav - css
905
Freedom's Nav CSS
1064
CSS Sticky Footer
5
CSS Footer
681
CSS - Navigaiton - Main Nav
651
CSS - Navigation - Sub Nav
710
CSS - Navigation - Top Nav

CSS - Navigaiton - Footer Nav

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

Expand | Embed | Plain Text

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.