Tuesday 25 March 2014

Horizontal Menu in Wordpress using CSS

Here's my CSS to solve showing a Wordpress Submenu Horizontally .  You'll need to use whichever tags you have in your menu.

 
ul.sub-menu {
left: 0;
margin-left: -340px;
min-width: 800px;
position: absolute;
z-index: 9999;
margin-top: -3px !important;
}

ul.sub-menu li {
display: block;
float: left;
position: relative;
width: auto !important;
}

.sf-menu li li{
background: none repeat scroll 0 0 #ffffff !important;
border-bottom: 1px solid #333333 !important;
border-top: 1px solid #333333 !important;

}

No comments: