I have a drupal site I am working on, and the theme I am using has suckerfish dropdowns, but only one level of them. I am not very savvy with suckerfish, but I managed to create the second level of dropdown that I was trying to add.
The only problem is, I want this second level to fly out to the right, but cannot for the life of me get it to budge AT ALL from the current position.
The site is here: http://www.slabinskifuneralhome.com.php5-7.dfw1-1.websitetestlink.com/
The only second level item I have currently is SERVICE OPTIONS>CREMATION SERVICES>CREMATION AUTHORIZATION
The CSS for the suckerfish menus is below (specifically look at the section that says SECOND-LEVEL DROPDOWN ATTEMPT). If anyone can spot what I need to change here, it would be much appreciated.
/* Primary Links */
#primary-links h2 {
display:none;
}
#primary-links {
border-bottom: 3px solid #000000;
}
#primary-links, #primary-links ul {
padding: 0;
margin: 0;
line-height: 28px;
list-style: none;
border-left: solid 1px #910000;
/*border-right: solid 1px #D18A44;*/
background: url(images/primary-bg2.png) repeat-x;
}
/*#primary-links div#block-menu-primary-links div.content ul {
width: 840px;
margin: 0 auto;
}*/
#primary-links div#block-menu-primary-links div.content ul li ul{
width: 208px;
margin-left: -11px;
}
#primary-links a {
display: block;
padding: 0 11px 2px 0;
/*font-weight: bold;*/
font-size: 15px;
color: #ffffff;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
text-decoration: none;
/*background: url(images/primary-hover-r.png) right top no-repeat;*/
}
#primary-links li {
float: left;
list-style: none;
padding: 0 0 0 10px;
margin: 0;
border-right: solid #910000 1px;
/*background: url(images/primary-hover-l.png) left top no-repeat;*/
}
#primary-links li ul li {
border-right: none;
border-bottom: solid #999999 1px;
}
#primary-links li:hover a {
color: #ffffff;
/*background: url(images/primary-r.png) right top no-repeat;*/
}
#primary-links a:hover {
color: #ffffff;
}
#primary-links li:hover {
background: url(images/primary-bg-active.png) repeat-x;
}
#primary-links li:hover li a, #primary-links li:hover li {
color: #171c23;
background: none;
}
#primary-links li ul {
margin-left: -10px;
position: absolute;
width: 210px;
left: -999em;
border: 3px solid #999999;
/*background: #aebfd8;*/
background: url(images/marble_menuback.jpg);
z-index: 1000;
}
#primary-links li:hover ul, #primary-links li.sfhover ul {
left: auto;
}
#primary-links li ul li a, #primary-links li ul li {
padding: 0 0 0 4px;
margin: 0;
width: 200px;
font-size: 12px;
font-weight: bold;
line-height: 20px;
background: none;
}
#primary-links li ul li {
width: 204px;
padding-bottom: 2px;
}
#primary-links li ul li a:hover, #primary-links li ul li:hover {
color: #ffffff;
background: #3b475a;
}
#primary-links li:hover ul ul, #primary-links li.sfhover ul ul {
left: -999em;
}
/* SECOND LEVEL DROPDOWN ATTEMPT */
#primary-links li ul li ul{
padding: 0;
line-height: 28px;
list-style: none;
border-left: solid 1px #910000;
/*border-right: solid 1px #D18A44;*/
/*background: url(images/primary-bg2.png) repeat-x;*/
}
/*#primary-links div#block-menu-primary-links div.content ul li ul{
width: 208px;
margin-left: -11px;
}*/
#primary-links li ul li ul li{
border-right: none;
border-bottom: solid #999999 1px;
}
#primary-links li ul li:hover {
/*background: url(images/primary-bg-active.png) repeat-x;*/
}
#primary-links li ul li:hover li a, #primary-links li ul li:hover li {
color: #171c23;
background: none;
}
#primary-links li ul li ul {
margin-left: -10px;
position: absolute;
width: 210px;
left: -999em;
border: 3px solid #999999;
/*background: #aebfd8;*/
background: url(images/marble_menuback.jpg);
z-index: 1002;
}
#primary-links li ul li:hover ul, #primary-links li ul li.sfhover ul {
left: auto;
}
#primary-links li ul li ul li a, #primary-links li ul li ul li {
padding: 0 0 0 4px;
margin: 0;
width: 200px;
font-size: 12px;
font-weight: bold;
line-height: 20px;
background: none;
}
#primary-links li ul li ul li {
width: 204px;
padding-bottom: 2px;
}
#primary-links li ul li ul li a:hover, #primary-links li ul li ul li:hover {
color: #ffffff;
background: #3b475a;
}
#primary-links li ul li:hover ul ul, #primary-links li ul li.sfhover ul ul {
left: -999em;
}
/* END */