Почему сворачивается bootstrap меню на wordpress?

Question

[alexru3k]

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

<header id="masthead" class="site-header">
<nav class="navbar navbar-expand navbar-dark navbar-right my-nav">
			 <div class="navbar-header justify-content-between">
				<div class="row align-items-center site-branding">
					<div class="col-auto">
						<?php
			the_custom_logo();
			if ( is_front_page() && is_home() ) :
				?>
					</div>
					<div class="col">
				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
				<?php
			else :
				?>
				<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
				<?php
			endif;
			$academy_barista_description = get_bloginfo( 'description', 'display' );
			if ( $academy_barista_description || is_customize_preview() ) :
				?>
				<p class="site-description"><?php echo $academy_barista_description; /* WPCS: xss ok. */ ?></p>
			<?php endif; ?>
						</div>
					</div>
				 </div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarDropdown" aria-controls="navbarDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>	
    <div class="collapse navbar-collapse justify-content-end" id="navbarDropdown">
      <?php
        wp_nav_menu( array(
          'theme_location'  => 'navbar',
          'container'       => false,
          'menu_class'      => '',
          'fallback_cb'     => '__return_false',
          'items_wrap'      => '<ul id="%1$s" class="nav navbar-nav %2$s">%3$s</ul>',
          'depth'           => 2,
          'walker'          => new bootstrap_4_walker_nav_menu()
        ) );
      ?>
    </div>
</nav>		
	</header><!-- #masthead -->

В function.php -

class bootstrap_4_walker_nav_menu extends Walker_Nav_menu {
    
    function start_lvl( &$output, $depth ){ // ul
        $indent = str_repeat("\t",$depth); // indents the outputted HTML
        $submenu = ($depth > 0) ? ' sub-menu' : '';
        $output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\">\n";
    }
  
  function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ){ // li a span
        
    $indent = ( $depth ) ? str_repeat("\t",$depth) : '';
    
    $li_attributes = '';
        $class_names = $value = '';
    
        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
        
        $classes[] = ($args->walker->has_children) ? 'dropdown' : '';
        $classes[] = ($item->current || $item->current_item_anchestor) ? 'active' : '';
        $classes[] = 'nav-item';
        $classes[] = 'nav-item-' . $item->ID;
        if( $depth && $args->walker->has_children ){
            $classes[] = 'dropdown-menu';
        }
        
        $class_names =  join(' ', apply_filters('nav_menu_css_class', array_filter( $classes ), $item, $args ) );
        $class_names = ' class="' . esc_attr($class_names) . '"';
        
        $id = apply_filters('nav_menu_item_id', 'menu-item-'.$item->ID, $item, $args);
        $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';
        
        $output .= $indent . '<li ' . $id . $value . $class_names . $li_attributes . '>';
        
        $attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr($item->attr_title) . '"' : '';
        $attributes .= ! empty( $item->target ) ? ' target="' . esc_attr($item->target) . '"' : '';
        $attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr($item->xfn) . '"' : '';
        $attributes .= ! empty( $item->url ) ? ' href="' . esc_attr($item->url) . '"' : '';
        
        $attributes .= ( $args->walker->has_children ) ? ' class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"' : ' class="nav-link"';
        
        $item_output = $args->before;
        $item_output .= ( $depth > 0 ) ? '<a class="dropdown-item"' . $attributes . '>' : '<a' . $attributes . '>';
        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
        $item_output .= '</a>';
        $item_output .= $args->after;
        
        $output .= apply_filters ( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
    
    }
    
}
/*
Register Navbar
*/
// This theme uses wp_nav_menu() in one location.
		register_nav_menus( array(
			'menu-1' => __( 'Social', 'Социальное меню' ),
			'navbar' => __('Navbar', 'Основное меню'),
		) );

в css все что к меню относилось закомментировала.

Понять не могу где проблема

Comments

[Орхан Гасанлы]

Здравствуйте!
А не пробовали вместо кастомного walker использовать walker написанный для бутстрап?
https://github.com/wp-bootstrap/wp-bootstrap-navwalker
Причина сворачивания меню может быть разной:
- js конфликт
- css конфликт.
это надо скорее в консолил браузера смотреть (инспектировать элемент). Для инспектирования моб. версии включите адаптивный режим просмотра в браузере (ctrl + shift + m)

[alexru3k]

azerphoenix, только что нашла, два часа весь код пересматривала, в nav navbar-expand оказывается случайно удалила -lg . теперь все заработало. Все моя невнимательность(((