When i want to add the classes current-menu-item and current-page-ancestor i always use the wp_nav_menu without any custom walker. I only build my own walker if i want to change lets say the classes to something like “sel” instead. So i add the menu like this: <?php wp_nav_menu( array( ‘theme_location’ => ‘company-menu’, ‘container’ => false, … Read more
WordPress is doing exactly what you’re telling it to do. Refer to the Codex entry for add_submenu_page(). The functions arguments are like so: <?php add_submenu_page( $parent_slug, $page_title, $menu_title, $capability, $menu_slug, $function ); ?> So, you’re assigning the same string to $parent_slug and $menu_slug. For obvious reasons, these two need to be different. $parent_slug is the … Read more
I finally solved the issue, it was due to a default value in the Roots theme overriding the depth parameter for a hook called wp_nav_menu_args (which I didn’t even know was a hook). The code can be found in the root directory of the theme in the “inc” folder, a file called roots-cleanup.php. The original … Read more
For anybody interested in the code to remove any class you want. I Just worked with the Roots theme and they did the replacement like below. You can just add the class you want to replace in the list. /** * Replace various active menu class names with “active” or nothing * */ function roots_wp_nav_menu($text) … Read more
It’s called a ‘Mega Menu’, it allows a full HTML control over dropdown elements of a menu. There is a free option here – http://wordpress.org/extend/plugins/jquery-mega-menu/ – and CodeCanyon offers a lot premium and fancy mega menu plugins to be purchased.
You can use the walker_nav_menu_start_el filter: add_filter( ‘walker_nav_menu_start_el’, ‘wpse_add_arrow’,10,4); function wpse_add_arrow( $item_output, $item, $depth, $args ){ //Only add class to ‘top level’ items on the ‘primary’ menu. if(‘primary’ == $args->theme_location && $depth ==0){ $item_output .='<span class=”arrow”></span>’; } return $item_output; } This assumes that you’re using wp_nav_menu( array( ‘theme_location’ => ‘primary’) ); to display the menu. … Read more
You may want to look into the walker class. I’ve used it to add down arrows to WordPress created menus and added my own css div’s and sections. Perhaps you could add a box using the Walker Menu, then set its background to a certain image on :hover etc… class My_Walker extends Walker_Nav_Menu { function … Read more
How do I go about inserting a custom div before the wp_nav_menu() adds the ul? That’s what the ‘container’ array key defines: the element that contains the menu. The menu will always output as a <ul>, wrapped in a container of the type specified by the ‘container’ array key: either a <div> (default), by passing … Read more
If you want only 2 levels, you may use the parent parameter. Example <?php $args = array( ‘hide_empty’ => 0, ‘parent’ => 0 ); $categories = get_categories($args); $menu = ‘<ul class=”nav”>’; // iterate through your categories foreach($categories as $category) { $menu .= ‘<li class=”‘ . ‘cat-item category-‘ . $category->slug . ‘”>’ . ‘<a href=”‘.get_category_link($category->term_id ).'” … Read more
Without knowing your theme, you have at least a few options. You could 1. hide it with CSS. .your-page-template-php #your-menu { display: none; } Or 2. you could create a custom header file. For example, duplicated header.php to header-nomenu.php. And in your new file delete the menu. And then in your page template instead of … Read more