No replies
jnet
Offline
newbie
USA
Last seen: 7 years 46 weeks ago
USA
Timezone: GMT-4
Joined: 2012-04-06
Posts: 1
Points: 2

My vertical navigation menu currently has a fly-out subnavigation. How can I change the css below to get a slide down subnavigation instead?

/*--------------------------------
Navigation
---------------------------------*/

.sf_navigation h3 {
display:none;
}

.sf_navigation .widget {
padding: 0px;
margin: 0px;
}

.sf_navigation .widget_content {
padding: 0px;
margin: 0px;
overflow: visible;
width: 185px;
}

.sf_navigation .widget li {
overflow: visible;
}

.sf_navigation .widget a:link,
.sf_navigation .widget a:visited {
text-decoration: none;
}

.sf_navigation {
clear:both;
font-family: Arial, Helvetica, FreeSans, sans-serif;
font-weight: normal;
font-size:18px;
height:auto !important;
height:20px;
letter-spacing: 2px;
min-height:20px;
margin: 132px 10px 15px;
width: 185px;
text-transform: uppercase;
}

.sf_navigation:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
font-height: 1px;
margin:0px;
padding:0px;
}

.sf_navigation ul {
margin:0px;
padding:0px;
list-style-type:none;
height:1%;
}

.sf_navigation ul:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}

.sf_navigation ul li {
float:left;
margin: 0px;
padding: 5px 0px;
}

.sf_navigation ul li.sf_last_nav_item {
}

.sf_navigation ul li.sf_first_nav_item {
}

.sf_navigation ul li a {
color:#585858;
text-decoration:none;
display: block;
width: 175px;
border: 1px solid #fff;
padding: 3px 5px;
_position: relative;
_z-index: 1;
}

.sf_navigation ul li a:visited {
color:#585858;
}

.sf_navigation ul li a:hover {
color:#585858;
text-decoration: none;
border: 1px solid #dbdbdb;
}

/*------------------------------------
Flyout menu
------------------------------------*/

.sf_navigation .subnav { /* second-level lists */
position: absolute;
width: 160px;
left: -999em;
z-index: 1000;
margin:-30px 0 0 188px;
text-transform: none;
letter-spacing: 1px;
}

.sf_navigation .subnav li {
width: 158px;
background-image: none;
white-space: normal;
height: auto;
border-bottom: none;
background-color: #f1f1f1;
border-bottom: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
padding: 0px;
}

.sf_navigation .subnav li a {
width: 152px;
height: auto;
color:#585858;
padding: 3px;
border:none;
font-size: 14px;
border: none;
}

.sf_navigation .subnav .sf_first_nav_item_subnav {
border-top: 1px solid #dbdbdb;
}

.sf_navigation .subnav li a:visited {
color:#585858;
}

.sf_navigation .subnav li a:hover {
color:#585858;
background-color: #e1e1e1;
border: none;
}

#Nav1 li:hover ul,
#Nav1 li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#Nav1 iframe {
position: absolute;
/* account for the border */
left: -0.25em;
top: -0.25em;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
margin-left: 3px;
}

#Nav1 li:hover,
#Nav1 li.hover {
position: static;
}

/*--------------------------------
End Navigation
---------------------------------*/