Aaika (King-Theme)

Knowledgebase Docs » UberMenu 3
UberMenu 3

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">
										<?php _e('Menu', DEVN_DOMAIN ); ?>
									<button type="button">
										<i class="fa fa-bars">
							<div id="navbar-collapse-1" class="navbar-collapse collapse">
								<?php $devn->mainmenu(); ?>
					<!-- 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">
					<!-- end search bar --> 
<?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.