Replace Search bar for Nav links in Bethlehem Header 3

functions.php

// Use init to perform remove_action on child theme
add_action( 'init',			'bethlehem_child_init',				10 );
function bethlehem_child_init() {
	// remove nav links on header
	remove_action( 'bethlehem_header_3_nav_bar',	'bethlehem_navigation_links', 			20 );
}

// To add search block
add_action( 'bethlehem_header_3_nav_bar',	'custom_header_search_block', 			20 );
function custom_header_search_block() {
	?>
	<div class="header-search-area">
		<form method="get" action="<?php echo esc_url( home_url( '/'  ) ); ?>">
			<div class="input-group">
				<label class="sr-only screen-reader-text" for="search"><?php  echo esc_html__( 'Search for:', 'bethlehem' );?></label>
				<input type="text" id="search" class="search-field" value="<?php echo esc_attr( get_search_query() ); ?>" name="s" placeholder="<?php echo esc_attr( esc_html__( 'Search', 'bethlehem' ) ); ?>" />
				<button type="submit"><i class="fa fa-search"></i></button>
			</div>
		</form>
	</div>
	<?php
}