title: center logo between two menus in wordpress
body: <p>I want to center the logo. And separate my menu in two parts. I can achieve this by using css but the problem is, how could I insert the logo within li. As complete menu is creates by a function only.
  The menu is creating by this code:</p>
  
  <pre><code>&lt;div class="logo"&gt;&lt;a href="&lt;?php echo home_url(); ?&gt;/"&gt;&lt;img src="&lt;?php echo $qode_options_central['logo_image']; ?&gt;" alt="Logo"/&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div class="header_inner_right"&gt;
                  &lt;?php
                  $menu_type = $qode_options_central['top_menu'];
  
                  ?&gt;
                  &lt;nav class="main_menu &lt;?php  if($menu_type == "drop_down") { echo "drop_down"; } elseif($menu_type == "drop_down2") { echo "drop_down2"; } else { echo "drop_down"; } ?&gt;"&gt;
                  &lt;?php
  
                      if($menu_type == "drop_down") :
                          wp_nav_menu( array( 'theme_location' =&gt; 'top-navigation' , 
                                                                  'container'  =&gt; '', 
                                                                  'container_class' =&gt; '', 
                                                                  'menu_class' =&gt; '', 
                                                                  'menu_id' =&gt; '',
                                                                  'fallback_cb' =&gt; 'top_navigation_fallback',
                                                                  'walker' =&gt; new qode_type1_walker_nav_menu()
                       ));
  
                      elseif($menu_type == "drop_down2"):
                          wp_nav_menu( array( 'theme_location' =&gt; 'top-navigation' , 
                                                                  'container'  =&gt; '', 
                                                                  'container_class' =&gt; '', 
                                                                  'menu_class' =&gt; '', 
                                                                  'menu_id' =&gt; '',
                                                                  'fallback_cb' =&gt; 'top_navigation_fallback',
                                                                  'walker' =&gt; new qode_type2_walker_nav_menu()
                           ));
  
  
                      else :
                          wp_nav_menu( array( 'theme_location' =&gt; 'top-navigation' , 
                                                                  'container'  =&gt; '', 
                                                                  'container_class' =&gt; '', 
                                                                  'menu_class' =&gt; '', 
                                                                  'menu_id' =&gt; '',
                                                                  'fallback_cb' =&gt; 'top_navigation_fallback',
                                                                  'walker' =&gt; new qode_type1_walker_nav_menu()
                           ));
                      endif;
                  ?&gt;
  
                  &lt;/nav&gt;
  
                  &lt;div class='selectnav_button'&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
  
                  &lt;?php   
                  $display_header_widget = $qode_options_central['header_widget_area'];
                  if($display_header_widget == "yes"){ ?&gt; 
                      &lt;div class="header_right_widget"&gt;
                          &lt;?php dynamic_sidebar('header_right'); ?&gt;
                      &lt;/div&gt;
                  &lt;?php } ?&gt;
  
              &lt;/div&gt;
  </code></pre>
  
  <p>I want to separate the menu in two part.I want something like this:</p>
  
  <p><a href="http://local.obcasio.com/Untitled-3.png" rel="nofollow">http://local.obcasio.com/Untitled-3.png</a></p>
  
  <p>Thanx in advance.</p>