MyBag - Append Search Bar to Header v1

functions.php

add_filter( 'wp_nav_menu_items', 'mybag_child_search_menu_item', 10, 2 );

function mybag_child_search_menu_item( $items, $args ) {
    if ( $args->theme_location === 'primary' ) {
        ob_start();
        mybag_get_template( 'sections/mybag-search-bar.php' );
        $search_form = ob_get_clean();
        $items .= '<li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-search"></i></a><ul class="dropdown-menu" style="width:400px"><li class="menu-item menu-item-type-post_type menu-item-object-static_block animate-dropdown header-2"><div class="yamm-content" style="padding:0">' . $search_form . '<style type="text/css">.header-2 .search-area {opacity: 1;width: 100%;right:0}</style></div></li></ul></li>';
    }

    return $items;
}