Как удалить верхний элемент меню и иконку Font Awesome в меню WordPress?

В моем меню WordPress есть элемент верхнего или заголовочного меню. Я знаю, как его найти и использовать CSS, чтобы скрыть его, но это не совсем то, что я хочу.

На данный момент у меня есть меню с полосами, которые при нажатии переходят к fa-angle-down, и элемент заголовочного меню, который при нажатии ведет к фактическому меню. Я хотел бы убрать этот промежуточный этап меню, состоящий из заголовочного меню и fa-angle-down, чтобы пользователь переходил сразу от полос к фактическому меню. Я посмотрел в свой header.php и нашел fa-bars, но ничего, что указывало бы на его атрибут, а в navwalker.php нашел fa-angle-down, но ничего, что указывало бы, как это связано с fa-bars.

Я предполагаю, что мне просто нужно удалить определенную часть navwalker.php, но какую часть?

Вот мой navwalker.php: https://github.com/ColorlibHQ/shapely/blob/master/inc/class-wp-bootstrap-navwalker.php

Вот мой header.php: https://github.com/ColorlibHQ/shapely/blob/master/header.php

Страница находится здесь

Вот PHP, который, как я думаю, управляет этим.

$item_output = $args->before;

        /*
         * Glyphicons
         * ===========
         * Поскольку элемент меню НЕ является разделителем или заголовком, мы проверяем, есть ли
         * значение в свойстве attr_title. Если свойство attr_title
         * не пусто, мы применяем его как имя класса для глифа.
         */
        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 );
    }// Конец 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>

Это очень плохо написанное меню. Для того чтобы действительно это исправить, вам также нужно будет редактировать используемый JS.

Как довольно простое решение, найдите следующее правило в вашем style.css…

.mobile-menu ul.dropdown-menu.active {
    display: block !important;
}

Примечание: есть несколько случаев .mobile-menu ul.dropdown-menu.active, убедитесь, что вы редактируете то, что не находится в медиазапросе.

Измените указанное правило на…

.mobile-menu ul.dropdown-menu.active,
.mobile-menu ul.dropdown-menu {
    display: block !important;
}

Теперь, когда вы нажимаете на первое меню, второе меню должно открываться по умолчанию.

Поскольку вам больше не нужно второе меню, вы можете просто его скрыть. Добавьте это в ваш таблицу стилей…

.mobile-menu .shapely-dropdown {
    display: none !important;
}