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

What is the address to your website so we can see it?

N?o sei se enviei. Estou reenviando.
https://www.fotoefilmagem.fot.br

Your theme uses no sidebars — so there’s no point in putting a widget in your sidebar, since your sidebar is inactive.

So what you’ll have to do is:

1. Go into your wp-admin
2. Click Appearances >> Editor
3. Locate the file header.php on the right
4. Find out where your menu is located
5. Comment out your theme’s menu:

<!–
where your menu code is
–>

6. Input this line of coding underneath:
   <?php /* Widgetized sidebar */
   if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘my_mega_menu’) ) : ?><?php endif; ?>
7. Or change the name of my_mega_menu if you used something different
8. Save your header.php

That will replace your native menu with the mega menu.

Click Appearances >> Editor
Locate the file header.php on the right

It would be much better to make this kind of change in a Child Theme so that the changes are not erased when the theme is updated.

Jason okay.
After placing the code you sent me, below the menu code, when I access the site appears the following:

Parse error: syntax error, unexpected T_ENDIF in / home/fotoe067/public_html/wp-content/themes/NUCLEO/header.php on line 404
Can you help me
Roberto.

I agree with WPyogi … if you can learn what a child theme is, then write the support people for your theme and ask if they have a child theme to work with your theme.

Other than that, I’d back up your header.php file before making any changes, so you can always revert back to your normal header.php file.

Then I’d still do what I said – comment out your old menu and instead of the previous code I gave you, just try this:

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

That should work.

Jason, please.
What I found the menu in header.php, was the one below.
To know if I’m doing it right:
Put in place right the first code you gave me?
After I put this code – <! – End main nav -> is right?
Thank you,
Roberto.

!-- Begin < main nav -->
		    <div id="menu_border_wrapper">
		    <? php
		    			//Get page nav
		    			wp_nav_menu(
		    					array(
		    						'menu_id'			=> 'main_menu',
		    						'menu_class'		=> 'nav',
		    						'theme_location' 	=> 'primary-menu',
		    					)
		    			);
		    ?>
		    </div>

		    -<!- End main nav -->

                    <php / * widgetizadas barra lateral * /?
                    se | (function_exists ('dynamic_sidebar') | dynamic_sidebar ('Core_da_rmphotoart')!):> <? php endif;>

[Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

Hi Jason,
Inspired by you, I tried to do lot of bugging out myself but couldn’t succeed fully ?? .
No doubt its a great plugin as I can see its power on the tutorial page.

On below links I have kept 2 navigation bars for testing purposes
:
(I). https://cosmolibrary.novamining.com/mega-menu/
(II). https://cosmolibrary.novamining.com/mega-menu-with-wp_head/

Problem statements:
In case (I) above, the below javascript code is not being populated automatically which I was expecting to be similar to as in case (II):

<script type="text/javascript">
$(document).ready(function($){
	$('#menu-menubar').dcMegaMenu({
		rowItems: '3',
		speed: 'fast'
	});
});
</script>

[Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

Therefore, I have copied this manually. But another problem here is that here I have commented [backticks]<?php wp_head(); ?>[/backticks] which is creating problem.
Please visit second link where I have this un-commented. But once un-commented, it creates problem with the code taken from tutorial also.

The issue is a bit clear that its clashing the code from another plugin’s css and/or js. But how to identify it.

Please help.

Hi Jason,
The issue above is resolved now and I was having issue with one of the *.js and theme’s css files.

The plugin Plugin Organizer helped me a lot in narrowing down the issue. Thanks to the Plugin Organizer as well.

Thanks,
Deepak Mittal

Hi Jason/remix4,
One issue as mentioned above under Problem Statement related to js code generation still prevails. ie. the given code is not inserted into the header by the Mega-Menu plugin.
Which also includes the fact that the widget property “Number Items Per Row ” is also not functional on page. For now, I have manually inserted this javascript piece of code into my header.

Please look into this in next release.

Thanks,
Deepak

Hi
I’m testing the mega menu plugoin into twelvethirteen wp theme, but the added widget does not show in widget area on the right.

Anyone have this problem ?

Cheers

I’ve managed to get it right.
In header.php, I’ve commented out the default nav and added below :
<?php /* Widgetized sidebar */
if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘my_mega_menu’) ) : ?><?php endif; ?>

As adding code at the end of in functions.php wasn’t working, I’ve added the following code in functions.php in twentythirteen_widgets_init() function. It’s a third element that will now appear in widgets area at the right.

register_sidebar( array(
‘name’ => __( ‘Menu Widget Area’, ‘twentythirteen’ ),
‘id’ => ‘my_mega_menu’,
‘description’ => __( ‘Appears on posts and pages on header.’, ‘twentythirteen’ ),
‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</aside>’,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );
Now simply drap and drop ‘jQuery Mega Menu’ widget into the new added widget area, and a new horizontal menu will appear in place of the standard menu.
Cheers

Thanks,jasonpaulweber
it’s working fine…

Hello jasonpaulweber,

You are awesome. You have explained it in well manner.
Thank you so much.

For twentyeleven, add this to your functions.php

function register_mega_menu_widget() {
	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' => ''
		));
	}
 }
 add_action('widgets_init', 'register_mega_menu_widget', 11);