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;
}
}