GreenTex Ответов: 0

Как я могу получить мой начальной загрузки WordPress тема навигации подменю для корректной работы? >


Привет,
Я создаю тему bootstrap wordpress с помощью wp-bootstrap-navwalker. Когда навигационное меню находится в режиме мобильного просмотра, подменю закрывает меню, а не должным образом скользит вниз. Как заставить это меню работать правильно в режиме мобильного просмотра? Мой код отлично работает за пределами wordpress, но есть кое-что, что я не перенес на свою тему Wordpress правильно.

Что я уже пробовал:

Это меню навигации bootstrap работает правильно, когда я тестировал html-код за пределами wordpress, но код не работает, когда я использую его на wordpress. Я попытался исключить и изменить следующий код из моего css. Этот код должен быть исключен из моего css-кода при тестировании его вне bootstrap, чтобы заставить его работать. Этот же метод не работает, когда я пытался изменить свой css на wordpress:

.dropdown:hover .dropdown-menu {
    display: block;
    
}


Вот часть моей header.php код:
   <header id="header">
        <nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed"  data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                
<span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
</button>
   
</div>
        
        <?php
        wp_nav_menu( array(
            'theme_location'    => 'primary',
            'depth'             => 2,
            'container'         => 'div',
            'container_class'   => 'collapse navbar-collapse',
            'container_id'      => 'bs-example-navbar-collapse-1',
            'menu_class'        => 'nav navbar-nav',
            'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
            'walker'            => new WP_Bootstrap_Navwalker())
        );
    wp_nav_menu( $mobile_nav );
        ?>
    
    </div>
</nav>


Вот часть моей functions.php:
// Register Custom Navigation Walker
require_once get_template_directory() . '/wp-bootstrap-navwalker.php';

//theme support
function wpb_theme_setup(){
    //nav menus
    register_nav_menus( array(
    'primary' => __( 'Primary Menu'),
) );
}

add_action('after_setup_theme', 'wpb_theme_setup');


function KWD_script_enqueue(){
    
    wp_enqueue_style('bootstrap', get_template_directory_uri() . "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
    wp_enqueue_style('customstyle', get_template_directory_uri(). '/css/template4.css', array(), '1.0.0', 'all');
    wp_enqueue_script('customjs', get_template_directory_uri(). '/js/template4.js', array(), '1.0.0', true);
     wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js', array('jquery'), '3.3.4', true );
}

add_action('wp_enqueue_scripts', 'KWD_script_enqueue');

0 Ответов