WordPress.org

1. EvanWatkins
   Member
   Posted 4 years ago #

   I am using suckerfish for my nav menu and love it, but I want to make my 2nd level of the menu to be horizontal as well not just the first level. Is there a way to achieve this?

   Here is my CSS code from suckerfish:
   '

   #suckerfishnav {
   background:#none repeat-x;
   font-size:14px;
   font-family:verdana,sans-serif;
   font-weight:bold;
   width:100%;
   }
   #suckerfishnav, #suckerfishnav ul {
   float:left;
   list-style:none;
   line-height:40px;
   padding:0;
   border:none;
   margin:0;
   width:100%;
   }
   #suckerfishnav a {
   display:block;
   color:#0681b5;
   text-decoration:none;
   padding:0px 10px;
   }
   #suckerfishnav li {
   float:left;
   padding:0;
   }
   #suckerfishnav ul {
   position:absolute;
   left:-999em;
   height:auto;
   width:101px;
   font-weight:normal;
   margin:0;
   line-height:1;
   border:0;
   border-top:none;
   }
   #suckerfishnav li li {
   width:99px;
   border-bottom:none;
   border-left:1px solid #666666;
   border-right:1px solid #666666;
   font-weight:bold;
   font-family:verdana,sans-serif;
   }
   #suckerfishnav li li a {
   padding:4px 10px;
   width:80px;
   font-size:12px;
   color:#0681b5;
   }
   #suckerfishnav li ul ul {
   margin:-21px 0 0 100px;
   }
   #suckerfishnav li li:hover {
   background:#none;
   }
   #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
   color:#0681b5;
   }
   #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
   color:#0681b5;
   }
   #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
   color:#0681b5;
   }
   #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
   left:0;
   }
   #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
   left:0;
   background:#none;
   }
   #suckerfishnav li:hover, #suckerfishnav li.sfhover {
   background:#none;
   }

   '

2. EvanWatkins
   Member
   Posted 4 years ago #

   anyone have any ideas?

Topic Closed

This topic has been closed to new replies.