Karma Integration Guide

Introduction

Please follow the instructions below to replace Karma’s menu with HeroMenu. The menu within Karma will interfere with HeroMenu, so we have to remove some code in order to make sure Karma has no effect on HeroMenu.

Take Note

All changes are done within the header.php file. Start by making a backup of this file. Please also note in future that theme updates by the author will overwrite the header.php. So make sure that when you do a theme update, also do this bit in the header.php file again.

Manual Integration

Replace the following code within header.php.

<?php // Website Logo
if (('' == $ka_logo_text) && ('' == $true_logo_retina)){ //display uploaded logo image ?>
<a href="<?php echo home_url(); ?>" class="logo"><img src="<?php echo $ka_sitelogo; ?>" alt="<?php echo $truethemes_logo_text; ?>" /></a>

<?php } elseif (('' == $ka_logo_text) && ('' != $true_logo_retina)){ //display uploaded retina logo ?>
<a href="<?php echo home_url(); ?>" class="logo"><img src="<?php echo $true_logo_retina; ?>" alt="<?php echo $truethemes_logo_text; ?>" class="tt-retina-logo" width="<?php echo $true_logo_width_px; ?>" height="<?php echo $true_logo_height_px; ?>" /></a>

<?php } else { //display logo builder logo ?>
<a href="<?php echo home_url(); ?>" class="custom-logo"><img src="<?php echo get_template_directory_uri(); ?>/images/_global/<?php echo $ka_logo_icon; ?>" alt="<?php echo $truethemes_logo_text; ?>" /><span class="logo-text"><?php echo $ka_logo_text; echo '</span></a>';
} // END Website Logo ?>

<?php truethemes_before_primary_navigation_hook();// action hook ?>

<nav role="navigation">
<?php if('true' == $ubermenu):
	wp_nav_menu(array(
		'theme_location' => 'Primary Navigation' ,
		'depth'          => 0 ,
		'container'      => false ,
		'walker'         => new description_walker() ));
else: ?>
<ul id="menu-main-nav">
<?php wp_nav_menu(array(
		'theme_location' => 'Primary Navigation' ,
		'depth'          => 0 ,
		'container'      => false ,
		'walker'         => new description_walker() )); ?>
</ul>
<?php endif; //end uberMenu check  ?>
</nav>
<?php truethemes_after_primary_navigation_hook();// action hook ?>

With the following:

<?php echo do_shortcode( '[hmenu id=1]' ) ?>

Take Note

Remember that menu ID in shortcode is subject to change. Please make sure that you are referencing the correct menu ID.