- This topic has 1 reply, 2 voices, and was last updated 14 years, 6 months ago by imported_Ryan.
-
AuthorPosts
-
April 26, 2010 at 2:04 pm #1413AnonymousMember
Hello,
I am trying to make a horizontal dropdown menu of pages. With default wordpress theme it works fine. But when I activate my custom theme, I can see just first level of pages – their subpages do not drop down by hover.
Web address: http://artur.feelsofine.net/
I am using:
– multi-level-navigation-plugin
– wordpress 2.9.2
– theme Peach Bloom Spring – http://www.ezwpthemes.com/templates/pea … pring.html (I haven´t modified the theme, I just modified its background picture in graphic editor)I haven´t done any big changes in CSS – just copied code from CSS generator and changed some color codes.
CSS:
[code:35n68qpt]#suckerfishnav {
font-size:15px;
font-family:sans-serif;
font-weight:bold;
width:100%;
}
#suckerfishnav, #suckerfishnav ul {
float:left;
list-style:none;
line-height:30px;
padding:0;
margin:0;
width:100%;
}
#suckerfishnav a {
display:block;
color:#ffffff;
text-decoration:none;
padding:0px 8px;
}
#suckerfishnav li {
float:left;
padding:0;
}
#suckerfishnav ul {
position:absolute;
left:-999em;
height:auto;
width:121px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
}
#suckerfishnav li li {
width:119px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
font-weight:normal;
font-family:sans-serif;
}
#suckerfishnav li li a {
padding:3px 10px;
width:104px;
font-size:11px;
color:#171;
}
#suckerfishnav li ul ul {
margin:-18px 0 0 120px;
}
#suckerfishnav li li:hover {
}
#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:#171;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#dddddd;
}
#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:#171;
}
#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:-999em;
}
#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:auto;
background:#fff;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
}[/code:35n68qpt]While searching for help, I found a similar topic in this forum – You say that solution can be found in wp_list_pages function that could be different in different themes. Unfortunately I do not understand to PHP code, so I post it here – it is from file functions.php in my custom theme directory:
[code:35n68qpt]$list_args[’echo’] = false;
$list_args[’title_li’] = ”;
$menu .= str_replace( array( "r", "n", "t" ), ”, wp_list_pages($list_args) );
if ( $menu )
$menu = ‘<ul>’ . $menu . ‘</ul>’;
$menu = ‘<div class="’ . $args[’menu_class’] . ‘">’ . $menu . "</div>n";
$menu = apply_filters( ‘wp_page_menu’, $menu, $args );
if ( $args[’echo’] )
echo $menu;
else
return $menu;[/code:35n68qpt]Problem is the same in firefox, opera and ie, so I suppose it is not connected with a certain browser.
I would be very thankful for any help or advice!
May 14, 2010 at 7:51 am #8474imported_RyanMemberIf you are using the multi-level navigation plugin then you don’t need to deal with wp_list_pages() since that’s one of the things the plugin is designed to control.
If your theme is messing with wp_list_pages() then that’s a little beyond the scope of what we can help with here sorry. Perhaps try asking the theme developer for assistance.
-
AuthorPosts
- You must be logged in to reply to this topic.