menu position mega menu

Hi!

You can add this to the Quick CSS field:

.main_menu {
  position: relative;
  left: 100px;
}

Use this to add the default search form:

add_action('ava_inside_main_menu', 'ava_inside_main_menu_mod');
function ava_inside_main_menu_mod() {
	get_search_form();
}

Use css to modify the style.

Regards,
Ismael

Hey!

Replace the code with this if you want to show the secondary menu in the main header:

add_action('ava_inside_main_menu', 'ava_inside_main_menu_mod');
function ava_inside_main_menu_mod() {
	get_search_form();
//display the small submenu
$avia_theme_location = 'avia2';
$avia_menu_class = $avia_theme_location . '-menu';
$args = array(
	'theme_location'=>$avia_theme_location,
	'menu_id' =>$avia_menu_class,
	'container_class' =>$avia_menu_class,
	'fallback_cb' => '',
	'container'=>'',
	'echo' =>false
);

$nav = wp_nav_menu($args);
echo "<nav class='sub_menu' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";
echo $nav;
do_action('avia_meta_header'); // Hook that can be used for plugins and theme extensions (currently: the wpml language selector)
echo '</nav>';
}

You can adjust the elements’ position via css. If you’re not sure what to do, look for any tutorial about google inspector and firebug. It will help a lot with custom css modifications.

Cheers!
Ismael