I’ve added the search in the menu bar for our website (85.236.152.192/~jyb) but when I visualise the website on my mobile phone (with the small dropdown menu) the search feature is not availble… so it means that I can’t make any search using any mobile device.
How can I activate this?

thanks

Stéphane

What did you activate? Yes, you can’t you need to modify your navigation..

Yes, you need to overrride your header.php in your Child theme, then paste this code:

$product_search_hidden_field = '';					if(ot_get_option('woocommerce_header_product_search','off')=='on'){
	$product_search_hidden_field = "<input type='hidden' name='post_type' id='post_type' value='product'/>";
}
$search_form_html = '<form method="get" action="'.esc_url( home_url( '/' ) ).'" role="search" class="mobile_search_form"><input type="search" name="s" autocomplete="off" placeholder="'.__( 'Search...', 'Alea' ).'" />'.$product_search_hidden_field.'</form>';
echo $search_form_html;

after the mobile menu code:

if ( has_nav_menu( 'main_navigation' ) ) {
	wp_nav_menu( array(
		'theme_location'=> 'main_navigation',
		'container' 	=> '',
		'menu_class' 	=> '', 
		'walker' 		=> new boc_Menu_Walker,
		'fallback_cb'   => 'respMenuFallBack',
		'items_wrap' => '<ul>%3$s</ul>',
	));
}

Then add this to your Child theme’s CSS file:

.mobile_search_form {
	margin: 20px 30px;
}
.mobile_search_form input{
	width: 100%;
	background: #303030;
	border: 1px solid #444;
	padding: 8px 10px;
	color: #ddd;
	border-radius: 2px;
}

You should be good to go. You can further style the search field if you want…