Hi, I was wondering how i could add a phone icon to a Button (style colored or framed) in the header menu
thank u Andreas
Hey andreas_anselm,
Thank you for the inquiry.
You can use the Icon shortcode directly in the Navigation Label field. Example:
[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' size='16px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-m5xinkob' sc_version='1.0' admin_preview_bg=''][/av_font_icon] Call Us
Then add this css code to adjust the style of the button menu item:
#top #header .av-menu-button>a .avia-menu-text {
display: inline-block;
line-height: 30px;
border-radius: 4px;
}
Best regards,
Ismael
i do not know if shortcodes are allowed on default – but you can set that filter inside child-theme functions.php:
( then Ismaels Code will do the job )
add_filter('wp_nav_menu_items', 'do_shortcode');
Hi,
Thanks @Guenni007! The Icon shortcode seems to be working without the filter applied.
Best regards,
Ismael
Hi, great, thank u imsael & guenni ;-)
Hi,
Glad Guenni007 & Ismael could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike