Using Horizontal Slider

[Anonymous]

Hmm… no its still acting incorrectly. Products is currently the only menu with "submenus"…

here’s the navigation information from default.css which is driving most of the site look/feel.
[code:1ojqjhjh]
/* navigation */
#nav { zoom: 1; max-height: 35px; }
#nav-content { margin: 0 auto; width: 960px; }
#navextension          {margin-left:auto; margin-right:auto; background: url(../../images/topnav.jpg) repeat-x #666660; width:100%; height: 30px; border: none /*1px solid #CCC*/}

/*.sf-menu { font-weight: bold; max-width: 960px; }*/
.sf-menu { font-weight: bold; }
.sf-menu, .sf-menu ul { float: left; list-style: none; line-height: 30px; padding: 0; margin: 0; }
.sf-menu a { display: block; text-decoration: none; padding: 0 15px; text-transform: uppercase; color: #666; font-size: 11px; }
.sf-menu a:hover { color: #000; }
.sf-menu li.sfhover, .sf-menu li:hover { background: url(../../images/techblue/content-bg.jpg) repeat-x top #E5E5E5; }
.sf-menu li.sfhover a, .sf-menu li:hover a { }
.sf-menu li { float: left; padding: 0; }
.sf-menu ul { position: absolute; left: -999em; height: auto; width: 150px; margin: 0; line-height: 1; border: none; }
.sf-menu li li { width: 148px; border: solid #CCC; border-width: 1px 1px 0; }
.sf-menu li li a { background: url(../../images/techblue/content-bg.jpg) repeat-x top #FFF; padding: 7px 10px; width: 128px; font-size: 12px; text-transform: none; }
.sf-menu li ul ul { margin: -27px 0 0 148px; }
.sf-menu li li:hover { }
.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li:hover ul ul ul ul, .sf-menu li.sfhover ul ul, .sf-menu li.sfhover ul ul ul, .sf-menu li.sfhover ul ul ul ul { left: -999em; }
.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li li li li:hover ul, .sf-menu li.sfhover ul, .sf-menu li li.sfhover ul, .sf-menu li li li.sfhover ul, .sf-menu li li li li.sfhover ul { left: auto; z-index: 2; }
.sf-menu li ul li:hover a, .sf-menu li ul li li:hover a, .sf-menu li ul li li li:hover a, .sf-menu li ul li li li:hover a { background: url(../../images/techblue/feed-title.jpg) repeat-x top #004688; color: #FFF; }
.sf-menu li:hover li a, .sf-menu li li:hover li a, .sf-menu li li li:hover li a, .sf-menu li li li li:hover li a { background: url(../../images/techblue/content-bg.jpg) repeat-x top #FFF; color: #666; }
[/code:1ojqjhjh]

and here’s the code that loads up the menu in header.php with the changes u suggested.
[code:1ojqjhjh]

<div id="navextension">
    <div id="nav-content" class="clearfix">
<?php if ( function_exists(‘pixopoint_menu’) ): ?>
<?php pixopoint_menu(); ?>
<?php else : ?>
<?php endif ?>
</div><!– #nav-content –>
    </div>

[/code:1ojqjhjh]
I did have to leave the clearfix in to keep the menu centered.

I also found this rummaging around in header.php
[code:1ojqjhjh]

if ( !function_exists(‘pixopoint_menu’) ) {
wp_enqueue_script(‘hoverintent’, get_template_directory_uri() . ‘/js/superfish/hoverIntent.js’, ‘jquery’, null, false);
wp_enqueue_script(‘superfish’, get_template_directory_uri() . ‘/js/superfish/superfish.js’, ‘jquery’, null, false);
}
[/code:1ojqjhjh]

not sure if there’s anything to that.

Thanks a ton for the help.
Cheers,
Bryan

[imported_Ryan]

I bet your problem has something to do with the .sf-menu junk in your CSS. For whatever reason some themes developers keep using that class to style menus but it’s an absolutely stupid thing to do as it causes their code to glitch with anything which makes use of that class which causes all sorts of hassles since that is the standard class used by scripts to control the behaviour of menus.

[Author]

Posts