I’ve done extensive searches on this issue. My problem is that I want to place a widget area inside the WordPress menu/navigation bar. what I have found is a solution on how to place a search bar inside a WordPress menu, but i want to instead place a widget area inside the WordPress menu.
Here’s the solution for the search bar one:
http://www.wpinsite.com/code-snippets/include-the-search-form-inside-wp-nav-menu
Suppose your menu’s selector is something like
And suppose your widget’s selector is something like
You can use jquery to move the widget into the menu item by doing this:
You’ll probably have to clean up the css to get it to format nicely, but it should work.
I know it’s a year old question but since there’s no answer I will chip in for the people who come here through Google.
Don’t bother I’ve come across a number of custom solutions which I tried to implement into a theme for my client but in the end, something is off – be that responsiveness, hard to edit for the end user or some other minor bugs. Just use the free plugin Max Mega Menu. I wish I could take the four hours of my life back -> you can save them though.