Add Phone number in between logo and hamburger menu on mobile

Hello Mike,
the website XY is it not mine, I used it as an example ;-)
With help from people on the Enfold FB group I’ve been able to add a phone icon in the menu (not image in a widget area)
BUT I’m struggling with the icon size I would like it to be 20px – I cannot seem to make just that menu-item larger.
This is the test website: http://new.eaglebelgium.com

This is the PHP

/* Phone Icon */
if(!function_exists('avia_append_phone_icon'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_phone_icon', 9997, 2 );
add_filter( 'avf_fallback_menu_items', 'avia_append_phone_icon', 9997, 2 );

function avia_append_phone_icon( $items, $args )
{	
if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
{
$items .= '<li id="menu-item-phone" class="noMobile menu-item menu-phone menu-item-avia-special">
<a href="#" '.av_icon_string('phone').'><span class="avia_hidden_link_text">'.__('Phone','avia_framework').'</span></a>
</li>';
}
return $items;
}
}

function avf_default_icons_mod($icons) {
$icons['phone']	= array( 'font' =>'entypo-fontello', 'icon' => 'ue854');
return $icons;
}
add_filter('avf_default_icons','avf_default_icons_mod', 10, 1);

The CSS to hide the phone-icon on large screens

@media only screen and (min-width: 480px) {
#menu-item-phone {
display: none !important;
}
}

Thank you that worked!

One question
I usually use the “Quick CSS” option in the Enfold settings (me being lazy), but is it performance whise better to place it in the css of the childtheme?.

Hi Mike,
Yes this topic can be closed.