Predictive Search form in header

Hi,
I installed the WooCommerce Predictive Search plugin and now I’m trying to position its search bar using a widget area in my header. I see it but it’s not visible when I scroll down and also not quite in the right position in the header. I would like to have it just below the main menu, aligned right, and have it always visible on any page.

I used the following code snippet:
// Add a widget area to the header
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}
// Add meta_header
add_action( ‘avia_meta_header’, ‘avia_meta_header_woo_tax’ );
function avia_meta_header_woo_tax() {
dynamic_sidebar( ‘meta-header’ );
}
I created the meta-header widget and added the Predictive Search widget to it.

Also see my shop page where the widget pushes down messing up my sidebar widgets. (Link provided below).

How can I get the search bar positioned like I want it. I looked at several options I found in the forum and tried the sample layouts but without success.

My website is in development and for your to view it, have included access credentials below.

Thanks
Lyse