[Evil Overlord]

Evil Overlord

#10034

I like Graphene’s descriptive menu. Via the plugin “Icon Fonts”, I can add, e.g., “ion-ios-home” to the class field to a menu item in Appearance | Menus. It shows up fine, but the icon is always shown one line above the menu text. Is there a way I can get them on the same line, so that the home icon is next to the word Home?

[Kenneth John Odle]

Kenneth John Odle

#45182

Link to site?

[Evil Overlord]

Evil Overlord

#45183

http://50.87.248.207/~metaphp8/

[Kenneth John Odle]

Kenneth John Odle

#45184

I can move the icon down using this bit of css:

.ion-ios-home::before {

position: relative;

top: 20px;

}

but you would need to duplicate it for each and every icon you use, as they each have their own class. Also, it still leaves the individual menu items too tall.

If you are using this plugin:

Icon Fonts

the faq states that icons cannot be applied to widgets or menus (probably for the reason you are seeing), but that an update will allow that. Since that’s a fairly new plugin, you may want to contact the author to see if such an update will be available by your launch date.

[Evil Overlord]

Evil Overlord

#45185

Kenneth,

Thanks very much. I had the same issue with other plugins, but I’ll both play with your css and contact the plugin author as you suggest.