A small magnifying glass instead of text in the menu

Hey schweg33,

Thank you for the inquiry.

In the Navigation Label field of the search menu item, you can replace the text with the icon shortcode or an icon image.

[av_font_icon icon='search' font='svg_entypo-fontello' style='' caption='' size='40px' 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='' element_template='' one_element_template='' av_uid='av-m9qks9nw' sc_version='1.0' admin_preview_bg=''][/av_font_icon]

Best regards,
Ismael

Hi,

Thank you for the info.

Instead of using the icon shortcode, we replaced it with the search icon html.

<span class="av_font_icon av-m9s1gr1e-6ed42716956a76916230d7da2b2f0695 avia_animate_when_visible av-icon-style- avia-icon-pos-left avia-iconfont avia-font-entypo-fontello av-no-color avia-icon-animate avia_start_animation avia_start_delayed_animation"><span class="av-icon-char" data-av_icon="" data-av_iconfont="entypo-fontello" aria-hidden="true"></span></span>

We also added this css code to adjust the position and size of the icon in the menu.

.menu-item .av_font_icon {
    float: none;
    margin-right: 0;
    font-size: 16px;
}

View post on imgur.com

Best regards,
Ismael

Hi,

Great! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael