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:

Where to add your CSS style code

Still need help? Contact Us Contact Us