Best way to add icons to the top level menu

Hi pharefm!

Afaik the new icon font system does not allow you to add an icon this way because the user can upload custom font sets and Kriesi uses the data attribute to select the right font set. I’d suggest to use the “icon” shortcode to add an icon to the menu title/link. Right now the menu title does not support shortcodes but we’ll add this feature in the next version. For now you need to modify /wp-content/themes/enfold/includes/helper-responsive-megamenu.php manually – open up the file and replace

$heading_title = $title;

with

$heading_title = do_shortcode($title);

and

$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;

with

$item_output .= $args->link_before . do_shortcode(apply_filters('the_title', $item->title, $item->ID)) . $args->link_after;

and then you should be able to use the icon shortcodes in the menu title field too. Use the “Magic wand” to generate the icon shortcode.

Best regards,
Peter

Hi!

Yes, but it’s better to use the shortcode because if you upload a custom font the font family can be different. Kriesi uses the css code for some standard icons only. It’s also more user friendly because for the css solution you need to know the character code of the icon whereas the shortcode generator will take care of it and display the icons in a grid and you can simply select them with a click.

Best regards,
Peter