WordPress Subcategories as Dropdown Menu by CSS Help,Wordpress Hack-css gallery, css scripts showcase ,php scripts,ajax scripts,CMS Drupal,CMS Joomla,CMS WordPress:W3CGallery.com

WordPress Subcategories as Dropdown Menu by CSS Help

1 Votes, Rating: 5 1 Star

Tags: Wp subcategories menu, wp subcategory as dropdown menu

How to add Child Categories as dropdown menu in Wordpress by CSS help.

In last post i have written about subpages dropdown menu’s now Here Im telling you about Categories and subCategories. Its also similar way to do, as we have done on pages. we need to add Css classes as i have added below and make a small change on wordpress theme’s header or sidebar where you needed it

Step 1

Css/ add these classed in your theme css

/*- Nav / Dropdowns-*/
#nav, #nav ul{
 padding: 0;
 float:left;
 list-style: none;
}
#nav a {
 font-size:12px;font-family:Arial, Tahoma, Verdana;line-height:34px;text-transform:uppercase;font-weight:700;color:#dfdfdf;display:block;margin-right:5px;text-decoration:none;padding:0 20px 0 20px
}
#nav li {
 float: left;
 line-height:27px; 
}
#nav li a:hover {
background: none;
color:#50daf7;
}
#nav li ul {
 position: absolute;
 width: 15em;
 left: -999em;
 padding-top:0px;
}
#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
 z-index:1000; 
}
#nav li ul li {
    background: #000;
 border-bottom:1px solid #1e2527; 
 border-left:1px solid #1e2527; 
 border-right:1px solid #1e2527;   
 line-height:18px; 
 width:20em;
}