wgardner
9/27/2019 - 7:55 AM

Expandable search icon in menu


    Click on “Rench” icon of Menu module
    Click on Advanced tab
    Enter “add-search-icon” class into class input field
    Save the module now



/**
 * Adding search icon at right side of the menu module
 *
 * @return void
 */
add_action( 'fl_builder_after_render_module', 'frame_add_search_icon_themer_header', 10 );
function frame_add_search_icon_themer_header( $module )
{
    //* Checking that you are using BB Theme
    if( ! class_exists( 'FLTheme' ) )
        return;
    
    $id = '';
    
    if( $module->settings->class === "add-search-icon" )
        $id = $module->node;
        
    if( $module->settings->type == "menu" && $module->node == $id )
    {
        //* Displaying the search icon
        FLTheme::nav_search();
    }
 
     return;
}





@media only screen and (min-width: 992px ){
	.add-search-icon .fl-module-content .menu {
		margin-right: 10px;
	}

	.fl-row-content-wrap .fl-page-nav-search {
		margin-top: 20px;
	}

	.fl-row-content-wrap .fl-page-nav-search a {
		color: #fff;
	}
}