Introduction
Please follow the instructions below to replace BeTheme’s menu with HeroMenu. The menu within BeTheme will interfere with HeroMenu, so we have to remove some code in order to make sure BeTheme has no effect on HeroMenu.
Take Note
All changes are done within the 'includes/header-top-area.php' file. Start by making a backup of this file. Please also note in future that theme updates by the author will overwrite the file and the change would need to be re-done. Or alternatively the recommended option would be to implement this change via a child theme.
If you are using any of the BeTheme demos, please note that this is only relevant for those with horizontal menus.
Manual Integration
Replace the following code beginning on line 53 and ending on line 115 in the header-top-area-original.php file.
The code snippet below has been edited to reduce its size and is only an indicator.
<div id="Top_bar" class="loading">
<div class="container">
<div class="column one">
.....
.....
<div class="search_wrapper">
<?php
get_search_form(true);
if(mfn_opts_get('header-search-live')){
get_template_part('includes/header','live-search');
}
?>
</div>
</div>
</div>
</div>
With the following:
<?php wp_nav_menu(array('theme_location'=>'main-menu')); ?>
Menu Location Settings
Navigate to Hero Menu » Settings » Menu Integration and set menu location to Main Menu.