Editing php for dropdown menu

newnew :

I'd like to edit my dropdown menu so it goes straight from bars to actual menu.

$item_output = $args->before;

    /*
     * Glyphicons
     * ===========
     * Since the the menu item is NOT a Divider or Header we check the see
     * if there is a value in the attr_title property. If the attr_title
     * property is NOT null we apply it as the class name for the glyphicon.
     */
    if ( ! empty( $item->attr_title ) ) {
        $item_output .= '<a' . $attributes . '><span class="glyphicon ' . esc_attr( $item->attr_title ) . '"></span>&nbsp;';
    } else {
        $item_output .= '<a' . $attributes . '>';
    }

    $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
    $item_output .= ( $args->has_children ) ? ' </a><span class="dropdown-toggle shapely-dropdown" data-toggle="dropdown"><i class="fa fa-angle-down" aria-hidden="true"></i></span>' : '</a>';
    $item_output .= $args->after;

    $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}// End if().
}

Html

                    <i class="fa fa-bars"></i>
                </div>

                <div class="module-group right">    
                    <div class="module left">


                        <div class="collapse navbar-collapse navbar-ex1-collapse"><ul id="menu" class="menu"><li id="menu-item-3530" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3530 dropdown"><a title="Contact" href="https://4309.co.uk/contact/">Contact </a><span class="dropdown-toggle shapely-dropdown" data-toggle="dropdown"><i class="fa fa-angle-down" aria-hidden="true"></i></span>

If CSS can be used, great, but I'm wondering of php might not be the only solution.

here

Vasilis G. :

You can remove the element:

<span class="dropdown-toggle shapely-dropdown" data-toggle="dropdown"><i class="fa fa-angle-down" aria-hidden="true"></i></span>

and then you can go and add a CSS rule to .dropdown-menu class for the ul:

display: block !important;

enter image description here

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=33302&siteId=1