Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I have a wp_nav_menu walker in my theme and I want to add an additional class of "dropup" to the li.dropdown ONLY if it is in the .footer-nav ul. This way the dropdown in the bottom navigation will dropup. Any ideas? Thanks in advance!

    <?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" data-toggle="dropdown"         data-target="#"', $item_html);
    $item_html = str_replace('</a>', ' <b class="caret"></b></a>', $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';
    } elseif ($depth === 1) {
    $element->classes[] = 'dropdown-submenu';
    }
    }

    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'] = 3;
    }

    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');
share|improve this question
add comment

Know someone who can answer? Share a link to this question via email, Google+, Twitter, or Facebook.

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.