I have added one walker menu on left, logo in center and one walker menu in right but its not working well?

Question

Header.php code :

<body <?php body_class(); ?>>
    <?php wp_body_open(); ?>
    <div id="page" class="hfeed site">


        <header id="masthead" class="site-header" role="banner">


        <div id="navbar2" class="navbar2">


  <div class="navigation-wrap" style="background: url('<?php echo $backgroundImg[0]; ?>') no-repeat;">
                <nav id="site-navigation" class="navigation main-navigation" role="navigation">


                    <button class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></button>
                    <a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentythirteen' ); ?>"><?php _e( 'Skip to content', 'twentythirteen' ); ?></a>



                <div class="topnav row flex-it">
                <div class="my-menu col-lg-4">
  <?php  
wp_nav_menu(array(  
'theme_location' => 'left', 
  'menu' => 'menu-left', 
  'menu_class'     => 'nav-menu',
  'walker' => new CSS_Menu_Maker_Walker()
)); 
?> 
</div>

   <!-- Centered link -->
  <div class="topnav-centered logo-col">
    <img class="logo" src="/images/header.png" alt="Totem Point Logo" />
  </div>

  <!-- Right-aligned links -->
  <div class="topnav-right col-lg-4">
    <?php  
wp_nav_menu(array( 
'theme_location' => 'right',  
  'menu' => 'menu-right', 
  'menu_class'     => 'nav-menu',
  'walker' => new CSS_Menu_Maker_Walker()
)); 
?>
  </div>

</div>





            <?php   class CSS_Menu_Maker_Walker extends Walker {

  var $db_fields = array( 'parent' => 'menu_item_parent', 'id' => 'db_id' );

  function start_lvl( &$output, $depth = 0, $args = array() ) {
    $indent = str_repeat("t", $depth);
    $output .= "n$indent<ul>n";
  }

  function end_lvl( &$output, $depth = 0, $args = array() ) {
    $indent = str_repeat("t", $depth);
    $output .= "$indent</ul>n";
  }

  function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {

    global $wp_query;
    $indent = ( $depth ) ? str_repeat( "t", $depth ) : '';
    $class_names = $value = '';        
    $classes = empty( $item->classes ) ? array() : (array) $item->classes;

    /* Add active class */
    if(in_array('current-menu-item', $classes)) {
      $classes[] = 'active';
      unset($classes['current-menu-item']);
    }

    /* Check for children */
    $children = get_posts(array('post_type' => 'nav_menu_item', 'nopaging' => true, 'numberposts' => 1, 'meta_key' => '_menu_item_menu_item_parent', 'meta_value' => $item->ID));
    if (!empty($children)) {
      $classes[] = 'has-sub';
    }

    $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
    $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';

    $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
    $id = $id ? ' id="' . esc_attr( $id ) . '"' : '';

    $output .= $indent . '<li' . $id . $value . $class_names .'>';

    $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        ) .'"' : '';

    $item_output = $args->before;
    $item_output .= '<a'. $attributes .'><span>';
    $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
    $item_output .= '</span></a>';
    $item_output .= $args->after;

    $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
  }

  function end_el( &$output, $item, $depth = 0, $args = array() ) {
    $output .= "</li>n";
  }
                }

                ?>
                        </nav><!-- #site-navigation -->
            </div><!-- #navbar -->

                    <?php $backgroundImg = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>

  <div class="header-wrap" style="background: url('<?php echo $backgroundImg[0]; ?>') no-repeat;">


    <h1 class="entry-title"><?php the_title(); ?></h1>



                        <?php $sec_title = get_post_meta( get_the_id(), 'sec_title', true );
$second_editor = get_post_meta(get_the_id(), 'second_editor', true);  ?>
<?php $all_value = get_post_meta(get_the_ID());?>
<h2> <?php echo "".$sec_title;?> </h2>
<p> <?php echo "<br>".$second_editor; ?> </p>


            <?php get_search_form(); ?>





        </header><!-- #masthead -->

css:

 .topnav {
  position: relative;
  background-color: #333;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav .my-menu {
  float: left;
  color: #f2f2f2;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */




/* Centered section inside the top navigation */
.topnav-centered img {
  float: center;
  position: relative;
  top: 50%;
  left: 80%;
  transform: translate(-50%, -80%);

}

/* Right-aligned section inside the top navigation */
.topnav-right {
  float: right;
  text-align:right;
}

this is my link : https://info2explore.000webhostapp.com/

--------------------------------------------------

>>> Share a link to this question, just copy and paste the code bellow on your web page <<<

<a href="https://www.wptricks.com/question/i-have-added-one-walker-menu-on-left-logo-in-center-and-one-walker-menu-in-right-but-its-not-working-well/">

I have added one walker menu on left, logo in center and one walker menu in right but its not working well?</a>
0
Fatima Shakeel 2 months 0 Answers 56 views 0

Leave an answer