Edu Pro
When Max Mega Menu is enabled you’ll notice the mobile menu behaves erratically in Edu Pro due to Residual Styling.
Fix Mobile Menu
Go to Appearance > Editor and select header.php on the right.
Find (line 91-102):
1 2 3 4 5 6 7 8 9 10 11 12 |
<nav class="navbar"> <div class="navbar-header"> <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button"> <span class="glyphicon glyphicon-th-list"></span> </button> </div> <div class="collapse" id="navbar"> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav navbar-nav', 'walker' => new cyberchimps_walker(), 'fallback_cb' => 'cyberchimps_fallback_menu' ) ); ?> </div><!--/.nav-collapse --> </nav> |
Replace with:
1 |
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> |
Menu Alignment (optional)
The menu will be aligned to the left after making the change to header.php. To move it back to the right hand side, go to Mega Menu > Menu Themes and insert the following into the Custom Styling area:
1 2 3 4 5 |
@include desktop { #{$wrap} { float: right; } } |
Full Width Mega Menus (optional)
To make the mega sub menus span the full width of the site, go to Mega Menu > Menu Themes and set the Panel Width (outer) to:
1 |
.container |