Show all levels in menu
-
Hi,
The menu of my navigation displays the parent menu and only one sub menu. What I need is to get all levels in the menu displayed. I have about 4 levels.
How would I do this?
-
Can you please provide a site link if possible so we can best understand what you desire to accomplish?
Sure, Click here.
There you find two menus. I would like to change the menu which is vertical.
In this case you need to click on each parent menu to make the sub menu appear. I would like to make them appear on hovering the parent menu.You may have better luck at this .cn wordpress forum:
https://zh-cn.forums.www.ads-software.com/
And for help with your theme, refer to WooCommerce, who has a support page here
https://www.ads-software.com/support/plugin/woocommerce
(check if at .cn link also)
Are you serious? I don’t speak Chinese! lol
And also I don’t thing that WooCommerce can help me out with this, since the navigation is not a WooCommerce feature. The theme I use is not getting supported anymore.
Shoot, thought the domain was a .cn…
You have a .ch domain.
What theme are you using?
I am using the simplewhiteblog. For my menus I also use the plugin Gecka Submenu Pro. I have asked the same question on their support forum but no answer yet.
Well, I think it is not really a matter of the plugin. I now deactivated the plugin – the menu in the sidebar disappears and the main navigation on the top remains. Let’s just assume I want to display all levels on the top navigation…
This is the part of my navigation which I just temporally DELETED:
<?php /** * Cleaner walker for wp_nav_menu() * * Walker_Nav_Menu (WordPress default) example output: * <li id="menu-item-8" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8"><a href="/">Home</a></li> * <li id="menu-item-9" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9"><a href="/sample-page/">Sample Page</a></l * * Roots_Nav_Walker example output: * <li class="menu-home"><a href="/">Home</a></li> * <li class="menu-sample-page"><a href="/sample-page/">Sample Page</a></li> */ class Roots_Nav_Walker extends Walker_Nav_Menu { function check_current($classes) { return preg_match('/(current[-_])|active|dropdown/', $classes); } function start_lvl(&$output, $depth = 0, $args = array()) { $output .= "\n<ul class=\"dropdown-menu\">\n"; } function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) { $item_html = ''; parent::start_el($item_html, $item, $depth, $args); if ($item->is_dropdown && ($depth === 0)) { $item_html = str_replace('<a', '<a class="dropdown-toggle"', $item_html); } elseif (stristr($item_html, 'li class="divider')) { $item_html = preg_replace('/<a[^>]*>.*?<\/a>/iU', '', $item_html); } elseif (stristr($item_html, 'li class="nav-header')) { $item_html = preg_replace('/<a[^>]*>(.*)<\/a>/iU', '$1', $item_html); } $item_html = apply_filters('roots_wp_nav_menu_item', $item_html); $output .= $item_html; } function display_element($element, &$children_elements, $max_depth, $depth = 0, $args, &$output) { $element->is_dropdown = ((!empty($children_elements[$element->ID]) && (($depth + 1) < $max_depth || ($max_depth === 0)))); if ($element->is_dropdown) { if ($depth === 0) { $element->classes[] = 'dropdown'; } } parent::display_element($element, $children_elements, $max_depth, $depth, $args, $output); } } /** * Remove the id="" on nav menu items * Return 'menu-slug' for nav menu classes */ function roots_nav_menu_css_class($classes, $item) { $slug = sanitize_title($item->title); $classes = preg_replace('/(current(-menu-|[-_]page[-_])(item|parent|ancestor))/', 'active', $classes); $classes = preg_replace('/^((menu|page)[-_\w+]+)+/', '', $classes); $classes[] = 'menu-' . $slug; $classes = array_unique($classes); return array_filter($classes, 'is_element_empty'); } add_filter('nav_menu_css_class', 'roots_nav_menu_css_class', 10, 2); add_filter('nav_menu_item_id', '__return_null'); /** * Clean up wp_nav_menu_args * * Remove the container * Use Roots_Nav_Walker() by default */ function roots_nav_menu_args($args = '') { $roots_nav_menu_args['container'] = false; if (!$args['items_wrap']) { $roots_nav_menu_args['items_wrap'] = '<ul class="%2$s">%3$s</ul>'; } if (current_theme_supports('bootstrap-top-navbar')) { $roots_nav_menu_args['depth'] = 4; } if (!$args['walker']) { $roots_nav_menu_args['walker'] = new Roots_Nav_Walker(); } return array_merge($args, $roots_nav_menu_args); } add_filter('wp_nav_menu_args', 'roots_nav_menu_args', 0);
I now see the parent menu and only 1 sub menu below.
Now that I removed almost everything which confronts with the navi, it sounds to me that there is nothing I should change, it’s maybe more something I should add?!
Ok another update:
This is how I display my navigation called ‘primary_navigation’:
<?php if (has_nav_menu('primary_navigation')) : wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav')); endif; ?>
Like I said, this only shows me 1 sub page.
Now I just changed the value of theme_location to ‘something’, which is not an existing menu:
<?php if (has_nav_menu('primary_navigation')) : wp_nav_menu(array('theme_location' => 'something', 'menu_class' => 'nav')); endif; ?>
The weird thing is that this shows me all child pages. I can’t use this though, since it includes all pages, also pages from other menus.
Solved.
- The topic ‘Show all levels in menu’ is closed to new replies.