Aaika theme creates residual styling, so we’ll want to use Manual Integration to prevent the theme from interfering.
Manual Integration
Remember to always make theme edits in a child theme to preserve them when updating
The file that needs to be edited depends on which Header you choose in the theme settings
The theme will show you where the template file is located: templates/header/header-{x}.php
Copy the appropriate header template into the child theme in an identical directory path, e.g. aaika-child/templates/header/header-5.php
Then replace the theme’s menu with UberMenu. Here’s an example from the Header 5 template:
<?php if( function_exists( 'ubermenu' ) ): ?>
<?php ubermenu( 'main' , array( 'theme_location' => 'primary' ) ); ?>
<?php else: ?>
<div id="trueHeader">
<div class="wrapper">
<!-- Navigation Menu -->
<div class="container">
<div class="col-md-12">
<nav class="menu_main2">
<div class="navbar yamm navbar-default">
<div class="navbar-header">
<div class="navbar-toggle .navbar-collapse .pull-right " data-toggle="collapse" data-target="#navbar-collapse-1">
<span>
<?php _e('Menu', DEVN_DOMAIN ); ?>
</span>
<button type="button">
<i class="fa fa-bars">
</i>
</button>
</div>
</div>
<div id="navbar-collapse-1" class="navbar-collapse collapse">
<?php $devn->mainmenu(); ?>
</div>
</div>
</nav>
<!-- end Navigation Menu -->
<div class="menu_right2">
<div class="search_hwrap two">
<form action="" autocomplete="on">
<input id="search" name="search" type="text" placeholder="Search the site...">
<input id="search_submit" value="Rechercher" type="submit">
</form>
</div>
</div>
<!-- end search bar -->
</div>
</div>
</div>
</div>
<?php endif; ?>
Centering Menu
Once the menu is integrated, you’ll want to use the inner centering settings to center the items to your content area.
