Advanced Search

Easy Wordpress Drop Downs using CSS

/ Published in: CSS
Save to your folder(s)
Use Z-Index to make navigation layer ABOVE other elements.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. ul.menu, ul.menu li { float: left; }
  2. ul.menu li { position: relative; margin: 0 15px; list-style: none; }
  3.  
  4. .sub-menu { position: absolute; float: none; width: 100px; padding: 0; left: 0; } 
  5. .sub-menu li { display:none; margin: 0; padding: 0; }
  6. ul.menu li:hover li { float: none; display:block; clear: both; }

URL: http://www.amberweinberg.com/easy-wordpress-dropdown-menus/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.