Hi, sorry for delay we are on the short vacations, can you provide more info what you need to change?

Hi, sorry, without the code changes it's not possible. Here is the code example to add the woo search to the top menu.

function thegem_child_init_icon() {
    remove_filter('wp_nav_menu_items', 'thegem_menu_item_search', 10);
}
add_action('init', 'thegem_child_init_icon');
function thegem_menu_item_search_1($items, $args){
    ob_start();
    do_action( 'pre_get_product_search_form'  );
    wc_get_template( 'product-searchform.php' );
    $form = apply_filters( 'get_product_search_form', ob_get_clean() );
    if($args->theme_location == 'primary' && thegem_get_option('header_layout') !== 'overlay'){
        $items .= '<li class="menu-item menu-item-search"><a href="#"></a><div class="minisearch">' . $form . '/div></div></li>';
    }
    return $items;
}
add_filter('wp_nav_menu_items', 'thegem_menu_item_search_1', 11, 2);

You need to add this code to functions.php of the child theme.

but you need to style it via css.

Pls. give me link to your site

CSS:

.minisearch input#woocommerce-product-search-field {
    display: block;
    width: 100%;
    color: #000;
    overflow: visible;
    z-index: 999;
    height: 40px;
    font-size: 14px;
    padding: 0;
    padding-left: 30px;
}
.minisearch button {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    border: none;
    background-color: transparent;
    font-size: 0;
}
form.woocommerce-product-search {
    position: relative;
    overflow: hidden;
}
.minisearch button:before {
    content: "\e612";
    display: block;
    font-family: "thegem-icons";
    font-size: 24px;
    font-weight: normal;
    line-height: 40px;
    margin-right: 0;
    padding-right: 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
    height: 43px;
    position: absolute;
    top: 0;
    right: 0;
}

You have the html error pls. check now closed div