Icons in secondary menu

Hey vantagepointmg,

Thank you for the inquiry.

You can manually insert an image tag or an icon shortcode beside the text in the Navigation Label field of a menu item. The menu can be edited in the Appearance > Menus panel.

Here’s an example of an icon shortcode.

[av_font_icon icon='' style='' caption='' size='40px' position='left' color='' link='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0'][/av_font_icon]

Best regards,
Ismael

Hi,

Try to wrap the image and the menu label inside an html element with a unique class name.

Example:

<span class="av-menu-item-with-img"><img src="http://site.com/menu-item-1.png" /><span>Live</span></span>

Then add this css code to align the image and the menu label.

.av-menu-item-with-img img {
  width: 60px;
}

.av-menu-item-with-img img,
.av-menu-item-with-img span {
  float: left;
}

Adjust the style as necessary.

Best regards,
Ismael