For more personalized assistance around custom code, you can also consider hiring a professional from our list of recommended contractors: https://toolset.com/contractors/
1. Add a new post custom field group "Fields for navigation menu" and set it to show on all types of posts.
2. In that field group, you'll add a single line type custom field "Menu icon" (slug "menu-icon").
( screenshot: screenshot-1.png )
3. After that, you can open the edit screens of each of the posts and the pages used in the navigation menu and add the required icon's name in the newly added "Menu icon" custom field.
( screenshot: screenshot-2.png )
4. After that, you can use the code snippet from the same guide and update it to use Toolset's "types_render_field" function to get the icon name from the menu item's target page/post:
This will append the HTML for the Font Awesome icon, in the navigation menu items and they'll show if the theme or any plugin is loading the font from the Font Awesome.
( screenshot: screenshot-3.png )
This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.