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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems