Skip to content

Instantly share code, notes, and snippets.

@davechu

davechu/Style first level of main WordPress menu with Font Awesome.

Created May 29, 2015 14:55
Show Gist options
  • Save davechu/000d81aca9e9ddd373d1 to your computer and use it in GitHub Desktop.
Save davechu/000d81aca9e9ddd373d1 to your computer and use it in GitHub Desktop.
Download ZIP
Style to taste for spacing. For example, vertical-align "middle" or a positive or negative pixel amount. The nice trick is to avoid styling submenu items, thanks to selectors. This gives a down-arrow that could indicate a submenu. If some menu items aren't dropdowns, you could get more specific with li.menu-item-333 or the like.
Raw
Style first level of main WordPress menu with Font Awesome.
ul#menu-top-navigation-menu > li > a:after {
content: "\f107";
font-family: 'FontAwesome';
font-size: 27px;
padding-left: 12px;
speak: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment