I have a benchmark website and when I try to inspect element, the menu item that has a dropdown appears to have another element as follows:
<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-children-1"><a href="https://example.com/contact/">CONTACT<span class="sf-sub-indicator"></span></a>
Inside the anchor, there’s a span. I also wish to add a similar element or even <i> so I can add a fontawesome icon after my menu item with a dropdown which should also be a child element to the list so when I hover over the list, I will also hover over the icon. Therefore, whatever style I apply to the list will also apply to the icon.