Pearl: Hide dropdown menu arrows from primary menu location
By default, if you have nested dropdown menus in the menu assigned to your Primary Menu Location, the Pearl theme will display small arrows next to the parent item to indicate a dropdown is living beneath it. It looks like this:
Some users may wish to hide these arrows in the primary menu. Here is what this Code Hack looks like in action:
And here is the code you need to implement it:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* THE CODE BELOW WORKS WITH THE PEARL AND HAYES THEMES ONLY | |
| Add this code under Customize > Additional CSS. | |
| */ | |
| .primary-menu .menu-item-has-children > a > i { | |
| display:none; | |
| } |