Search

Hey!

We can’t see the screenshot because access is forbidden. Please try to use imgur, dropbox, clipular etc. Also, add a screenshot on where you want the search form to go.

Regards,
Ismael

Hey!

I think it’s better if you use the search toggle instead of the actual search form. Please remove the customization we suggested above then use this on functions.php:

add_filter( 'wp_nav_menu_items', 'avia_append_search_side_nav', 10, 2 );
function avia_append_search_side_nav( $items, $args )
{	
	if (is_object($args) && $args->theme_location == 'avia')
	{
		global $avia_config;
		ob_start();
		get_search_form();
		$form =  htmlspecialchars(ob_get_clean()) ;

		$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">
						<a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
				   </li>';
	}
	return $items;
}

Add this on Quick CSS or custom.css:

li#menu-item-search {
position: absolute;
right: 0;
}

.avia-search-tooltip.avia-tt {
margin-left: 50px !important;
}

Regards,
Ismael

Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

#top #menu-item-search { width: 76%; }
.html_header_sidebar .av-sidebar-social-container { top: 20px; }

Cheers!
Yigit