SVG icons in menu item

HOW did you try and put them in the top menu?

Can I see a link to your site?

I am helping out paid customers first, and I will loop back to help you.

i put this code <span data-icon=""></span> in the page title & page body & menu item – [in ../wp-admin/nav-menus.php inside ‘title’ field]
but in menu item i didnt see any icon

the site is here

The link you posted is back to the forums. Place an icon on the page and share the link here, Ill take a look.

Did the icons work in the page content, and site title?

The menu items are a bit challanging. Did you look over the directions here (scroll down to adding icons to the menu). The necessary CSS code looks like the following:

.your-menu-item-class:hover > a:before {
	content: "\e0f8";
	color: #FF8000;
	font-family:wp-svg-plugin-icon-set1;
	margin-right:5px;
}

Sorry
https:// Try Again

This should work via CSS:

.menu-item-76 > a:before {
	content: "\e0f8";
	color: #333333;
	font-family:wp-svg-plugin-icon-set1;
	margin-right:5px;
}

did you mean to Put that code in ‘CSS Classes’ field of nav-menu or in ‘style.css’ file?

in style.css

OK its works

what about the other icons in other pages?

seems it’s do not work

What do you mean? It looks like it is working here

Sorry Evan, i didnt see icons in nav menu [Even after pressing Ctrl+F5]

for Ex.
Here

And Here

This is what you have in your CSS file:

.menu-item-76 > a:before {
	content: "\e0f8";
	color: #333333;
	font-family:wp-svg-plugin-icon-set1;
	margin-right:5px;
}

You have no .menu-item-76, so therefor there is no icon in the menu.

my theme it’s Artisteer theme
when i use ‘Twenty Thirteen’ theme && all default themes of wp – its works without adding any CSS!!!

what you think about this?

I think you need to contact the theme author of the Artisteer theme and let them know.

Artisteer it’s generator of theme program

it there something to do ?

I have no idea, I’ve never heard of it before.

My best guess, is to remove the menu dividers between each menu item, as they seem to be added via the same method. Which could be causing a conflict.