Как я могу получить мой начальной загрузки 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');