Adding content inside the anchor tags within WordPress main nav

Filtering menu items is something that I don’t enjoy much. đŸ™‚ So I’m going to give you another idea. Instead of using extra HTML, I have a purely CSS solution. It targets the top level of your menu, and leaves the submenu alone. If you’re on the FontAwesome site, you can get unicode for the symbol you want. I grabbed the unicode for your choice.

See if this works for you. (You may have a different ID or class on your top level). You’ll probably need to adjust for spacing. I do all FontAwesome stuff on my sites this way. 

ul#menu-top-navigation-menu > li > a:after  {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 27px;
    padding-left: 12px;
    speak: none;
}

Related Posts:

  1. Menu items description? Custom Walker for wp_nav_menu()
  2. How can I display a menu on certain pages only?
  3. Add Caret to Menu Items with Sub-Menus in WordPress Theme
  4. How to limit wordpress menu depth in admin panel
  5. wp_nav_menu sort order?
  6. How to determine if custom menu is active?
  7. Any walker causes blank menu?
  8. How to add menu support to a theme?
  9. Extend walker – navigation, adding data attribute to a tag
  10. Get last modified date for menu link
  11. Replace Home with image link inside custom header menu
  12. How to add nofollow to wp_nav_menu
  13. How to highlight the current page in the nav menu?
  14. How do I add a post to a menu
  15. how to change WordPress menu markup/classes
  16. Setting a Default ‘Theme Location’ When Creating a Menu
  17. Best practices: Custom theme sidebar menu – hardcode or widget?
  18. How do I highlight the menu for a child page?
  19. Custom Nav Walker Displaying Values in Sub Menu
  20. how to set more than one menus to the same theme location
  21. Custom Nav Walker to show siblings and children of current branch?
  22. CSS won’t style output of wp_nav_menu() correctly
  23. Create self-populating menu and add extra divs to the menu layout
  24. Where is definied the theme location for the main menu in a WordPress template?
  25. how to wrap tag in tag html to wordpress menu conversion
  26. Second menu not showing
  27. menu behavior is not as expected
  28. Set default screen option for appearance -> menus
  29. Part of Menu Item Hidden on Header Menu
  30. wp_nav_menu add something before closing container and after last list item
  31. Find the Children of a Page then Echo it as a Bulleted List of Links (menu)
  32. which is the best way to customize nav-menu-template.php?
  33. Create wordpress header with custom logo in between the menu splitting the menu into two equal parts [closed]
  34. My Admin bar covers my sticky navbar [closed]
  35. Menu item added in wp_nav_menu_items filter is never highlighted
  36. WordPress empty Nav Menu error
  37. Single-level menu option? Another way?
  38. Primary navigation menu & footer not showing in category / tag page
  39. Using a page as home, how do I prevent nav from setting both home and page links active?
  40. Problem with empty class attributes when running a filter on nav_menu_css_class
  41. How to append to menu items selectively
  42. Custom Nav Walker Trouble
  43. How to set the currently active page in the menu including parents
  44. Issue on Adding A Class to Bootstrap Navbar Walker Dropdown
  45. Show woocommerce categories on my theme menu styling
  46. Where am I doing wrong in my theme menu?
  47. Custom Navigation build using wp_nav_menu and walker
  48. Override customizer values on a per-menu base
  49. Recommended method for updating/adding menus when adding new theme
  50. Child Theme header1.php file not overwriting parent theme’s header1.php file
  51. Why wp_nav_menu() doesnt show the proper meny when invoked two consecutive times?
  52. How to develop a menu like wwe.com?
  53. 3 Level Deep Navigation Menu Not Showing All Levels
  54. Why are some of my menu items not displaying on my menu?
  55. How should I use starter content utility to show some default menus?
  56. How to add menĂ¹ section to my WordPress template?
  57. Thesis -style Navigation
  58. How can i make multilevel menu in wordpress theme with bootstrap
  59. how do i develop a global nav and local nav to be wordpress dynamic?
  60. Why is my container argument not working for wp_nav_menu() [closed]
  61. How to Emulate Default Navigation Menu Behaviour in a Custom Theme?
  62. How to conditionally add a wp_filter
  63. Does wordpress add their own classes into nav menus?
  64. Custom menu: Link names
  65. Custom nav menu not showing
  66. .current_page_ancestor broken in Twenty Eleven
  67. if (has_custom_menu())?
  68. Why do sticky posts show in this menu?
  69. Making a horizontal flyout menu from WordPress category listing
  70. WordPress custom menu can’t show 3. level submenu
  71. how to create/register menu items that can be added to menus later
  72. Why nav_menu_css_class doesn’t work with apply_filters?
  73. Programatically Created Menu not Editable in Dashboard
  74. Building a custom menu or use a plugin?
  75. Use instead of for wp_nav_menu()
  76. How can I show a custom WordPress menu anywhere I want on my website?
  77. Cold Fusion to WordPress
  78. Menu is in Reversed order
  79. WordPress Menu item > Sub menu Class update
  80. Menu names not getting translated
  81. Nav menus Fast previewing not working with wp_get_nav_menu_items!
  82. How to know and change the machine name of a menu?
  83. WordPress menu walker – Get parent item text inside end_lvl function
  84. wp_nav_menu custom walker class
  85. How to add custom nav_menu_css_class to certain menu only?
  86. How to add drop symbol to parent nav items which have child
  87. After theme change the menus have to be manually linked to the corresponding theme location
  88. How to add custom field option with menu?
  89. What’s the policy for building a theme that doesn’t support widgets/menus?
  90. Problem with multiple menus in theme
  91. Main Menu Theme Different Output Print
  92. Menu item not created on theme activation
  93. How do I move menu to the bottom in Custom Community theme?
  94. Header links also appearing in the footer
  95. Creating Multiple Menus in the Thesis Theme?
  96. How do I middle-align my header menu items in WordPress [closed]
  97. Global Navigation menu in diiferrent wordpress setups
  98. Add wrapper for a specific sub-menu
  99. How to automatically set a Template Page Name next to a page in menu screen such as WooCommerce pages, front page, or posts page in wordpress?
  100. Dynamic nav menu with icons [closed]