Menu icons?

  • Evil Overlord


    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


    Link to site?


    Kenneth John Odle


    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:

    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



    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.

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.