I have a menu item that is a custom link. I want to add some CSS to this particular item only, so I'm going in and adding a CSS class through the menu. Without adding the class, the HTML looks like this:
<a href="#">My Menu Text</a>
When I add the class through the Menu editor, the resulting HTML looks like this:
<a href="#">
<i class="no-hover"></i>
"My Menu Text"
</a>
So I can't use the class to reference the <a>
element. This is contrary to all of the doc that I've read, which all suggests that you can simply put the class into the menu item through the editor and then simply reference it in CSS.
Is this perhaps a strange feature introduced by a plugin I'm using, or is there something I'm missing?
Appearance > Menus (Screen option)
and added the css class??li
element. Check, if your theme uses a custom menu walker. If it does, then analyze the code in it. What theme do you use?