Re: Changing wordpress access from dropdown to dropline menu

[Watson90]

I had to throw in a few !important tags but this got it working for me.

#access {background:#fff; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; clear:both; display:block; float:left; margin:0 60px 10px 60px; width:821px;}
#access ul {font-size:14px; list-style:none; margin:0;}
#access li {float:left;}
#access a {color: #525252; display:block; line-height: 3.333em; padding: 0 1.2125em; text-decoration: none;}
#access ul ul {display:none; float:left;}
#access ul ul a {display:inline; width:100%; float:left; background:#be0f16; color:#525252; height:auto; color:#fff;}
#access li:hover a {background: -moz-linear-gradient(#d12229, #be0f16); background: -o-linear-gradient(#d12229, #be0f16);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d12229), to(#be0f16)); /* Older webkit syntax */ background: -webkit-linear-gradient(#d12229, #be0f16); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#d12229′, endColorstr=’#be0f16′); color:#fff; border-top-left-radius:5px; border-top-right-radius:5px;}
#access ul li:hover > ul {display:inline; position: absolute;}
.sub-menu a { background: #be0f16!important; border-radius: 0!important; }
.sub-menu a:hover { text-decoration: underline!important; }

Your dropdown menu has a class of ‘sub-menu’ – so you can just target that…