• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

3 Ways To Add A New Widget To Your Themes Nav Menu

This tutorial shows you how to add a new widget area to your primary or secondary nav menu.

Simply change the menu name in the code from primary to secondary if needed.

I’ll provide 3 solutions:

  1. One for Genesis users
  2. One which works in any theme
  3. Add directly to your themes header.php file

Here’s the new widget added to the secondary menu and populated with the Simple Social Icons widget:

nav-menu-widget

The tutorial also includes CSS for horzontal and vertical positioning of your widgets content in your nav menu.

Here’s the code for logged in members:

Register for full access

Related Tutorials

  • 2 Ways to Add A Plugins Social Icons Widget to Nav Menu

Reader Interactions

Comments

  1. Clay says

    August 30, 2014 at 8:55 pm

    Almost there. Widget registered. I installed the simple social icons in the widget and I’m getting nothing at the moment. But I do appreciate how far you’ve gotten me.

    The issue might be that my primary menu is a custom menu widget placed in the header right position.

    Hopefully I’m not making it too confusing by writing out my thoughts as I ponder on this.

    Log in to Reply
    • Brad Dalton says

      August 30, 2014 at 9:02 pm

      Feedback always welcome Clay.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.