Displaying menu not as a widget, but at the top main menu

iT WORKS!!!

THANKS A LOT @jasonpaulweber.

I’m building a site named asianfantasy where I was struggling to find a nav solution but I’m free to mess around ??

Thanks man.

Looks good! Don’t forget to adjust your margins in your css, or for an easier fix, just check “Set Sub Menu To Full Width”.

Glad you have it working!

Hi – I have been trying to get this to work as well and it does not seem to be working for me even after I edited the function.php and header.php. I was wondering if you could help me as well my site is:

https://www.meganrmccarrin.com

Thank you!

My problem seems to be that No matter where I place the recommended code:

<?php /* Widgetized sidebar */
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('my_mega_menu') ) : ?><?php endif; ?>

in the header.php. It does not move from a sidebar.

Thank you.

Most likely it has something to do with your theme … All you really need in there is like …

<?php dynamic_sidebar('my_mega_menu'); ?>

I see you’ve added the css and js, but do you have a custom menu that is 3 tiered? So without seeing your custom menu you’ve made, and without knowing your theme, it’s difficult to say what’s causing the behavior of no mega menu showing up.

If your dropdown menus aren’t showing, make sure your theme’s stylesheet doesn’t have the tags “overflow:hidden;” around them. If they do, your sub-menus will not show.

Thanks for getting back to me. I have created a twenty twelve child theme. My problem seems to be that the widget is not registering. This is what I have in my functions.php:

<?php

// add any new or customised functions here

if ( function_exists('register_sidebar') ){
register_sidebar(array(
'name' => 'my_mega_menu',
'before_widget' => '<div id="my-mega-menu-widget">',
'after_widget' => '</div>',
'before_title' => '',
'after_title' => '',
));
}

?>

It looks good to me … if it’s showing up in your wp-Admin Appearance >> Widgets … and you see My Mega Menu then that part’s okay; you’ve registered it. So the issue isn’t in your functions.php.

The mega menu is there … in the lower left. But I know you want it to replace the top nav menu. The 2012 theme is quirky, and I’m trying to look for an answer on designchemical’s website, but it appears to be down. If you can get to designchemical’s website, try asking Lee directly via his forums.

Wherever your menu is in your header … the

<?php /* Widgetized sidebar */
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('my_mega_menu') ) : ?><?php endif; ?>

should be placed there. I’m not near a computer with Firefox on it right now or I’d Firebug it and try to see what’s going on.

I wrote an email to the people at designchemical through facebook. I will try Lee. Thanks for the suggestion.

The mega menu in the lower left is the vertical mega menu, which I installed with no problem. I installed another mega menu to replace my main navigation.

When I added: `<?php /* Widgetized sidebar */
if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘my_mega_menu’) ) : ?><?php endif; ?`

I get the error message:

Thank you again for your time.

This is the error message:

Parse error: syntax error, unexpected ‘?’ in /homepages/43/d459884280/htdocs/meganmccarrin/Megans WordPress/wp-content/themes/twentytwelve-child/header.php on line 68

Again, 2012 is quirky, just like 2011 … so just use:

<?php dynamic_sidebar('my_mega_menu'); ?>

like I suggested before and see if it still gives you the parse error.

Lee should be able to help you out with those themes, as they’re both a little different than most themes when it comes to working with plugins.

Without seeing what’s on your site directly, just keep heuristically attempting to try the above code in different parts of your header. And that doesn’t mean you have to delete the native menu. You can always hide the native menu by using CSS ….

.whateveryournativemenuiscalled {
display:none;
}

I put it in my header but it’s not showing. I have an eleganthemes template and want it at the top because there isn’t any there now.

Can you take a look?

https://hhs.redwebtest.com/

And you registered the custom widget area so that it appears in Appearances >> Widgets? You see My Mega Menu there?

And then you took the Jquery Mega Menu and dragged it into your newly-created widget area?

And you made a custom menu, and you’re using the same menu in your Mega Menu?

This is very helpful Jason. I’m going to go through this and see if I can change the main menu for a jquery mega menu.

I can’t get it to show up in the widget area as a new widget?