From your WordPress Dashboard, go to Mega Menu > Menu Themes and select your active menu theme. Step 1: Set the Responsive Breakpoint to 768px. Step 2: Insert the following into the ‘Custom Styling’ area on a new line:
|
1 2 3 4 5 6 7 8 9 10 11 |
#nav-wrapper { display: block !important; } #{$wrap} .mega-menu-toggle { text-align: left; height: 50px; line-height: 50px; } #{$wrap} .mega-menu-toggle:before { float: left; } |
Go to Appearance > Customize > Custom CSS and paste in the following:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
div#menu-primary { float: none; display: block; margin-bottom: 0; } .menu-primary-container { max-height: none; } #toggle-navigation { display: none; } |
Read more
Copy the themes header.php file to your Child Theme. Find:
|
1 2 3 4 |
<a id="nav-toggle"><span> </span></a> <nav id="access" role="navigation"> <?php cryout_access_hook();?> </nav><!-- #access --> |
Replace with:
|
1 2 3 4 5 6 7 8 |
<?php if( function_exists('max_mega_menu_is_enabled') && max_mega_menu_is_enabled('primary') ): ?> <?php wp_nav_menu(array('theme_location' => 'primary')); ?> <?php else: ?> <a id="nav-toggle"><span> </span></a> <nav id="access" role="navigation"> <?php cryout_access_hook();?> </nav><!-- #access --> <?php endif; ?> |
WooCommerce has stopped selling the Canvas theme. We recommend you choose a different theme. Under Appearance > Editor, select ‘functions.php’ on the right and insert the following:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
// remove nav toggle function woo_nav_toggle() { return ""; } function mmm_config() { // remove primary menu and surrounding markup remove_action( 'woo_header_after','woo_nav', 10 ); // reinstate primary menu add_action( 'woo_header_after','mmm_nav' ); } add_action( 'get_header', 'mmm_config', 999 ); // reinstate primary menu function mmm_nav() { wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); } |
Go to Appearance > Customize > Additional CSS and add the following:
|
1 2 3 4 5 6 7 8 9 |
#top { display: block !important; } #top h3.top-menu { display: none; } #inner-wrapper .mega-menu-wrap { margin-bottom: 3em; } |
Sticky menu not working? Go to Appearance > Customize…
Read moreMax Mega Menu Pro includes functionality that lets you replace an existing menu item with something else: either a logo, a search box, a shortcode or HTML. We’ll use this functionality to add a site logo directly to our menu bar. For an example of this functionality take a look…
Read moreUnder Appearance > Editor, select ‘header.php’ on the right. Find:
|
1 |
<nav class='navigation'> |
Replace with:
|
1 |
<nav class='mmm-navigation'> |
Under Theme Options > Custom CSS/JS, insert the following CSS:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
.mmm-navigation { z-index: 220; position: absolute; top: 0; background-color: #F8F7F3; } @media (min-width: 1200px) { .mmm-navigation { width: 1010px; } } @media (min-width: 992px) { .mmm-navigation { width: 940px; } } |
Read more
Under Appearance > Editor, select ‘functions.php’ on the right and insert the following:
|
1 2 3 4 5 6 7 8 |
<?php function remove_nav_filter() { remove_filter('wp_nav_menu', 'templatemela_add_menu_first_last_class'); } add_action('init', 'remove_nav_filter'); ?> |
Read more
Using an FTP Client or a file editor within your hosting control panel, edit the following file: wp-content/themes/goliath/theme/templates/menu.php At the very top of the file, add this:
|
1 2 3 4 5 6 7 8 9 |
<?php if ( function_exists('max_mega_menu_is_enabled') && max_mega_menu_is_enabled('primary-menu') ) : ?> <div class="navbar navbar-default menu"> <div class="container"> <?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?> </div> </div> <?php else: ?> |
At the very bottom of the file, add this:
|
1 |
<?php endif; ?> |
From your WordPress Dashboard, go to Appearance > Editor and select ‘header.php’ on the right. Find:
|
1 |
<a href="#" id="trigger" class="genericon genericon-menu"></a> |
Replace with:
|
1 2 3 4 5 6 |
<?php if ( function_exists('max_mega_menu_is_enabled') && max_mega_menu_is_enabled('primary') ) : ?> <a href="#" id="trigger" class="genericon genericon-menu" style="display: none;"></a> <?php wp_nav_menu( array( 'theme_location' => 'primary') ); ?> <?php else: ?> <a href="#" id="trigger" class="genericon genericon-menu"></a> <?php endif; ?> |
Read more
Step 1: Go to Appearance > Theme Options > Custom CSS and add the following:
|
1 2 3 |
#mobile-menu-toggle { display: none !important; } |
Step 2: Go to Appearance > Editor, select menu-primary.php on the right. Find:
|
1 |
echo '<nav id="primary-menu" class="dropdown-menu-wrap clearfix">'; |
Replace with:
|
1 |
echo '<nav>'; |
Step 3: Go to Mega Menu > Menu Themes, select your current menu theme and enter the following in…
Read more