I am having a similar problem as I haven’t used this new feature before. However, I need to wrap some images in the menu bar to the left of the auto-generated menu. I can’t figure out a way to use this cool feature and get other items that are not standard menu links into the same line as the menu without it creating a line break.
You’ll see I am trying to add an image called facebook.jpg to the left of the menu
—-
<img src=”wp-content/themes/HealthyBusiness/images/facebook.jpg”>
<?php wp_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
—-
However,
this is the HTML that is being generated:
————-
<img src=”wp-content/themes/HealthyBusiness/images/facebook.jpg”>
<div class=”menu-header”><ul id=”menu-healthy-business” class=”menu”><li id=”menu-item-464″ class=”menu-item menu-item-type-custom current-menu-item current_page_item menu-item-home menu-item-464″>Home
<li id=”menu-item-458″ class=”menu-item menu-item-type-post_type menu-item-458″>About
<li id=”menu-item-459″ class=”menu-item menu-item-type-post_type menu-item-459″>Featured Video
<li id=”menu-item-460″ class=”menu-item menu-item-type-post_type menu-item-460″>Resources
<li id=”menu-item-461″ class=”menu-item menu-item-type-post_type menu-item-461″>Sponsorships
<li id=”menu-item-462″ class=”menu-item menu-item-type-post_type menu-item-462″>Wellness Store
<li id=”menu-item-463″ class=”menu-item menu-item-type-post_type menu-item-463″>Contact Us
</div>
————-
I would like the end result to be:
————-
<div class=”menu-header”>
<img src=”wp-content/themes/HealthyBusiness/images/facebook.jpg”>
<ul id=”menu-healthy-business” class=”menu”><li id=”menu-item-464″ class=”menu-item menu-item-type-custom current-menu-item current_page_item menu-item-home menu-item-464″>Home
<li id=”menu-item-458″ class=”menu-item menu-item-type-post_type menu-item-458″>About
<li id=”menu-item-459″ class=”menu-item menu-item-type-post_type menu-item-459″>Featured Video
<li id=”menu-item-460″ class=”menu-item menu-item-type-post_type menu-item-460″>Resources
<li id=”menu-item-461″ class=”menu-item menu-item-type-post_type menu-item-461″>Sponsorships
<li id=”menu-item-462″ class=”menu-item menu-item-type-post_type menu-item-462″>Wellness Store
<li id=”menu-item-463″ class=”menu-item menu-item-type-post_type menu-item-463″>Contact Us
</div>
————-
any ideas?