Menu on responsive Themes

(@mediaummah)

Plugin Author

(@megamenu)

Hi Brian,

It looks like a theme conflict.

Please could you do to Appearance > Editor, then select header.php on the right.

Find:

<?php if (has_nav_menu('header')): ?>
					<nav class="nav-container group" id="nav-header">
						<div class="nav-toggle"><i class="fa fa-bars"></i></div>
						<div class="nav-text"><!-- put your mobile menu text here --></div>
						<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
					</nav><!--/#nav-header-->
				<?php endif; ?>

Replace with:

<?php if (has_nav_menu('header')): ?>
					<?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?>
				<?php endif; ?>

That should let the default Max Mega Menu responsive menu show up instead of the theme one.

Regards
Tom

Thread Starter

(@mediaummah)

Hi and thanks for your fast response.

Doesnt work, the code you wrote isnt in the header. This is the code line for the top menu:

<?php if (has_nav_menu('topbar')): ?>
			<nav class="nav-container group" id="nav-topbar">
				<div class="nav-toggle"><i class="fa fa-bars"></i></div>
				<div class="nav-text"><!-- put your mobile menu text here --></div>
				<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>

				<div class="container">
					<div class="container-inner">
						<div class="toggle-search"><i class="fa fa-search"></i></div>
						<div class="search-expand">
							<div class="search-expand-inner">
								<?php get_search_form(); ?>
							</div>
						</div>
					</div><!--/.container-inner-->
				</div><!--/.container-->

			</nav><!--/#nav-topbar-->
		<?php endif; ?>

Thread Starter

(@mediaummah)

http://demo.alxmedia.se/hueman

Here you see how it should work in the original version. But unfortunately the original menu isnt close to be as awesome as yours 🙂

Maybe I can use yours for dekstop users and the original for Tab/mobile.

Is that possible?

Plugin Author

(@megamenu)

If you scroll down in that file a bit you will find the right code 🙂

Plugin Author

(@megamenu)

… actually, are you talking about the Topbar or Header menu? Either way you should remove all the HTML that is wrapping wp_nav_menu (so only the wp_nav_menu call is left behind)

Thread Starter

(@mediaummah)

Thanks, yes the top menu 🙂

I tried deleting everything, didnt work.

Thread Starter

(@mediaummah)

Maybe “topbar” instead of header?

<?php if (has_nav_menu(‘header’)): ?>

Plugin Author

(@megamenu)

Ah, in that case:

Find:

<?php if (has_nav_menu('topbar')): ?>
			<nav class="nav-container group" id="nav-topbar">
				<div class="nav-toggle"><i class="fa fa-bars"></i></div>
				<div class="nav-text"><!-- put your mobile menu text here --></div>
				<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>

				<div class="container">
					<div class="container-inner">
						<div class="toggle-search"><i class="fa fa-search"></i></div>
						<div class="search-expand">
							<div class="search-expand-inner">
								<?php get_search_form(); ?>
							</div>
						</div>
					</div><!--/.container-inner-->
				</div><!--/.container-->

			</nav><!--/#nav-topbar-->
		<?php endif; ?>

Replace with:

<?php if (has_nav_menu('topbar')): ?>
				<?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?>
		<?php endif; ?>

I’m afraid you’ll lose the search icon as part of those changes, but it would require a fair amount of time to work out how to get that working with Max Menu.

Regards,
Tom.

Thread Starter

(@mediaummah)