Classes being removed: sf-js-enabled sf-arrows

[simbasounds]

I'm trying to manually add a menu to header-right in functions.php.
This menu needs to have certain classes which is why I'm not using the widget area.

I also need the drop-downs to be fancy, but two of my manually-added classes - sf-js-enabled sf-arrows - are being removed by JavaScript, presumably by the SuperFish script itself. When I disable JavaScript the classes are not removed.

Demo of the error.

In addition I get console errors: superfish.min.js?ver=1.7.4:1 Uncaught TypeError: Cannot read property 'sfTimer' of undefined. Perhaps this is related to the Genesis /themes/genesis/lib/js/menu/superfish.min.map 404 (Not Found) bug?

Is there any way around the classes being removed?

My code in functions.php:

add_action( 'genesis_header_right', 'header_nav_menu' );
function header_nav_menu(){
	wp_nav_menu( array('menu' => 'Main menu',
						'container' => 'nav',
						'container_class' => 'cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top',
						'container_id' => 'cbp-spmenu-s3',
						'menu_class' => 'xyz js-superfish sf-js-enabled sf-arrows genesis-nav-menu menu'
					)
				);
}

http://simonbarnett.co.za/tests/

[Lorraine]

You should be able to use the normal custom menu widget which will then be assigned a class according to the widget. This is some code from a live site:

<section id="nav_menu-2" class="widget widget_nav_menu"><div class="widget-wrap"><nav class="nav-header" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"><ul id="menu-main-menu" class="menu genesis-nav-menu"><li id="menu-item-104" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-104">LINKS HERE...

I think with what's above you could possibly achieve what you are trying to do below as the menu is assigned it's own ID.

'container' => 'nav',
						'container_class' => 'cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top',
						'container_id' => 'cbp-spmenu-s3',
						'menu_class' => 'xyz js-superfish sf-js-enabled sf-arrows genesis-nav-menu menu'

I sometimes work with graphic designers who give some corking navigation layouts and I haven't been beaten yet unless it ubermenu style. http://www.gmhcashregisters.co.uk/ This has some different styles here...

[simbasounds]

Thanks Lorraine, I did manage to work around it, yes, by modifying the jQuery to target the widget ids.

[Author]

Posts