Make Entire Max Mega Menu Plugin Clickable

Hi praveen,

Do you mean you just want one menu item, and that menu item needs to span the full width of the menu bar?

If so please see:

https://www.maxmegamenu.com/documentation/how-to-equally-distribute-menu-items-in-the-menu-bar/

Change 20% to 100%.

Regards,
Tom

Hi Tom,

No, I would like the menu to be clickable instead of hover. Don’t want the hover functionality.

Hi praveen,

Ok, please go to Appearance > Menus. In the Max Mega Menu Settings box, change ‘Event’ to ‘Click’.

Regards,
Tom

Tom,

I did try that, but it does not work, still the hover functionality is active.

Praveena

Sorry, It’s working. Maybe there was some problem with the theme. It’s working when I tried a different theme.

Can I make the width of the sub- menu shorter.
If I have just 2 sub menus, I would like the width to be just the width of 2 sub menus.
And if the sub menu started just below the parent menu it would be gud.

Thank you.

• This reply was modified 8 years, 3 months ago by praveenaphilip.

Found it.
I just installed it in the main website but the menu does not work. It shows as a list.
Is there a general set of steps I can follow, could you please let me know.

Thanks.

• This reply was modified 8 years, 3 months ago by praveenaphilip.

Found the mistake. Sorry.

Suppose if I use a right aligned menu and set the panel outer width to 500px, part of the menu on the right is not visible.
How do I get the whole menu on the screen.

Thank you.

And the collapse does not seem to be working for right aligned menu items.

This is my code, does it interfere with bootstrap ? this is a custom theme using bootstrap.

<div class=”navbar-header”>
<button type=”button” class=”navbar-toggle collapsed” data-toggle=”collapse” data-target=”#navbar” aria-expanded=”false” aria-controls=”navbar”>
<span class=”sr-only”>Toggle navigation</span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
</button>
<?php
if (function_exists(‘the_custom_logo’)){
the_custom_logo();
}
?>

</div>
<div id=”navbar” class=”collapse navbar-collapse navbar-ex1-collapse”>
<?php
wp_nav_menu(
array(
‘theme_location’ => ‘primary’
));

</div><!–/.nav-collapse –>

• This reply was modified 8 years, 3 months ago by praveenaphilip.

Hi Praveep,

Please check:

https://www.maxmegamenu.com/documentation/removing-residual-styling/

I suspect if you replace:

<div id=”navbar” class=”collapse navbar-collapse navbar-ex1-collapse”>

With:

<div>

.. it will solve a lot of problems, as your theme will no longer be able to apply it’s own CSS and functionality to the menu.

Please also check your page for JavaScript errors, as these will make the menu fall back to using CSS only, and you will only get limited functionality:

https://www.maxmegamenu.com/documentation/javascript-errors-console/

If you are still stuck, please summarise the issue and post a link to your site (this is very important as every site is different, so I need to see the code to work out what the problem is).

Regards,
Tom