Tom Hemsley – Page 28 – Max Mega Menu

Jupiter

Posted by Tom Hemsley on November 13, 2015

Mobile menu is not visible From your WordPress Dashboard, go to Jupiter > Theme Options > Advanced > Custom CSS and insert the following:

header[id^="mk-header"] .mk-nav-responsive-link {
   display: none !important;
}
header[id^="mk-header"] .mk-header-nav-container {
   display: block !important;
}

header[id^="mk-header"] .mk-nav-responsive-link {

display: none !important;

}

header[id^="mk-header"] .mk-header-nav-container {

display: block !important;

}

Mobile menu disappears when clicked From your WordPress Dashboard, go to Jupiter > Theme Options > Advanced > Custom JS and enter the following:

jQuery(document).ready(function( $ ) {
	$(".mk-responsive-wrap").off().unbind();
});

jQuery(document).ready(function( $ ) {

$(".mk-responsive-wrap").off().unbind();

});

Fable

Posted by Tom Hemsley on November 11, 2015

This guide will completely replace the header section (including your logo) with Max Mega Menu. You will need to recreate the logo using the Menu Logo functionality in Max Mega Menu Pro. From your WordPress Dashboard, go to Appearance > Editor and select header.php on the right. Find:

<?php echo $Menu->create(); ?>

1	<?php echo $Menu->create(); ?>

Replace…

Redwood

Posted by Tom Hemsley on November 9, 2015

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:

#nav-wrapper {
    display: block !important;
}
#{$wrap} .mega-menu-toggle {
    text-align: left;
    height: 50px;
    line-height: 50px;
}
#{$wrap} .mega-menu-toggle:before {
    float: left;
}

#nav-wrapper {

display: block !important;

}

#{$wrap} .mega-menu-toggle {

text-align: left;

height: 50px;

line-height: 50px;

}

#{$wrap} .mega-menu-toggle:before {

float: left;

}

Chosen

Posted by Tom Hemsley on November 7, 2015

Go to Appearance > Customize > Custom CSS and paste in the following:

div#menu-primary {
   float: none;
   display: block;
   margin-bottom: 0;
}

.menu-primary-container {
   max-height: none;
}

#toggle-navigation {
   display: none;
}

div#menu-primary {

float: none;

display: block;

margin-bottom: 0;

}

.menu-primary-container {

max-height: none;

}

#toggle-navigation {

display: none;

}

Nirvana

Posted by Tom Hemsley on November 5, 2015

Copy the themes header.php file to your Child Theme. Find:

<a id="nav-toggle"><span>&nbsp;</span></a>
<nav id="access" role="navigation">
    <?php cryout_access_hook();?>
</nav><!-- #access -->

<?php cryout_access_hook();?>

</nav>

Replace with:

<?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>&nbsp;</span></a>
    <nav id="access" role="navigation">
        <?php cryout_access_hook();?>
    </nav><!-- #access -->
<?php endif; ?>

<?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: ?>

<?php cryout_access_hook();?>

</nav>

<?php endif; ?>

Canvas

Posted by Tom Hemsley on November 4, 2015

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:

// 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' ) );
}

// 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:

#top {
    display: block !important;
}
#top h3.top-menu {
    display: none;
}
#inner-wrapper .mega-menu-wrap {
    margin-bottom: 3em;
}

#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…

Menu Logo

Posted by Tom Hemsley on October 14, 2015

Max 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…

Native Church

Posted by Tom Hemsley on October 9, 2015

Under Appearance > Editor, select ‘header.php’ on the right. Find:

<nav class='navigation'>

1	<nav class='navigation'>

Replace with:

<nav class='mmm-navigation'>

1	<nav class='mmm-navigation'>

Under Theme Options > Custom CSS/JS, insert the following CSS:

.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;
    }
}

.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;

}

Face Art

Posted by Tom Hemsley on October 9, 2015

Under Appearance > Editor, select ‘functions.php’ on the right and insert the following:

<?php

function remove_nav_filter() {
    remove_filter('wp_nav_menu', 'templatemela_add_menu_first_last_class');
}
add_action('init', 'remove_nav_filter');

?>

<?php

function remove_nav_filter() {

remove_filter('wp_nav_menu', 'templatemela_add_menu_first_last_class');

}

add_action('init', 'remove_nav_filter');

Goliath

Posted by Tom Hemsley on October 6, 2015

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:

<?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: ?>

<?php if ( function_exists('max_mega_menu_is_enabled') && max_mega_menu_is_enabled('primary-menu') ) : ?>

<?php

wp_nav_menu( array( 'theme_location' => 'primary-menu' ) );

</div>

<?php else: ?>

At the very bottom of the file, add this:

<?php endif; ?>

1	<?php endif; ?>