Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1475094

    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

    #1475128

    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

    #1475267

    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');
    
    #1475279

    Hi,

    Thanks @Guenni007! The Icon shortcode seems to be working without the filter applied.

    Best regards,
    Ismael

    #1475296

    Hi, great, thank u imsael & guenni ;-)

    #1475299

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add Icon to a colored Menu Button’ is closed to new replies.