Advanced Search

CSS - Page Component - Quick Links

/ Published in: CSS
Save to your folder(s)
CSS - Page Component - Quick Links

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .quick_links nav {
  2. 	overflow:hidden;
  3. 	height:100%;
  4. 	}
  5. .quick_links nav ul {
  6. 	}
  7. .quick_links nav ul li {
  8. 	display:inline;
  9. 	float:left;
  10. 	width:33%;
  11. 	margin-bottom:5px;
  12. 	}
  13. .quick_links nav ul li a {
  14. 	display:block;
  15. 	float:left;
  16. 	} 
  17.  
  18. @media (min-width:768px) and (max-width:1023px) {
  19.  
  20. .quick_links nav ul li {
  21. 	width:50%;
  22. 	}
  23.  
  24. }
  25.  
  26. @media (max-width:767px) {
  27.  
  28. footer .quick_links {
  29. 	padding-top:20px;
  30. 	margin:20px 0 20px;
  31. 	}
  32. .quick_links nav ul li {
  33. 	width:48%;
  34. 	}
  35. .quick_links nav ul li.odd {
  36. 	clear:both;
  37. 	}
  38. .quick_links nav ul li.even {
  39. 	float:right;
  40. 	}
  41.  
  42. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.