Add drop-down arrow indicators to top-level menus
To add drop-down arrow indicators in your top level desktop navigation for only menu items which have sub-menus like a drop-down or meganav - You can use this code snippet.
Result:
Only the top-level menu items that have drop-downs or a meganav, will show the arrows:
The mobile navigation is not affected:
Code to use:
/* -- code to add dropdown arrows in top-level navigation -- */ .nav--desktop .main-menu a:not(:only-child):after { color: #999999; content: ' ▾'; } .nav--desktop .main-menu-dropdown li.parent a:after {content: none;} /* - end - */
Where do I add the code?
Use this link to learn where exactly to add this code snippet: