Почему в WordPress не работает выпадающее меню?

Question

Я установил 4 подменю в Моя учетная запись меню. Вот изображение:

, но на передней панели я не вижу подменю при наведении курсора на страницу своего аккаунта.

Я использую следующий код для отображения полного меню:

<?php       
if(is_user_logged_in()){
    $theme_location  = 'after_login_menu';
} else {
    $theme_location = 'header_menu';
}
$args = array(
    'container'       => 'div',
    'container_class' => 'navbar-collapse collapse',
    'container_id'    => 'th_navbar_toggle',
    'menu_class'      => 'navbar-nav ml-auto',
    'menu_id'         => '',
    'echo'            => true,
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
    'item_spacing'    => 'preserve',                                
    'walker'          => new wp_bootstrap_navwalker(),
    'theme_location'  => $theme_location,
    'menu'            => $theme_location,                                
    'depth'           => 5,
);
wp_nav_menu($args);
?>

Есть ли что-нибудь, что япропал?

Answer 1

Похоже, что все «Подменю» моего аккаунта находятся в

<ul class="dropdown-menu">

и скрыты от CSS

Можете ли вы добавить

ul.dropdown-menu{дисплей: блок! важный;}

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

Если да, то вы можете

ul.dropdown-menu

отобразить это при наведении

Дайте мне знать, если это работает

Answer 2

Я проверил это. Пожалуйста, проверьте -> http://prntscr.com/pixrgl отображается ни один не добавлен на него.

Добавить класс добавить этот CSS и проверить его.

проверка идентификатора имени класса ul (ul # menu-main-menu, ul.dropdown-menu)

ul#menu-main-menu li:hover ul.dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
ul.dropdown-menu {
    display: none;
}
ul.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}