Remove arrow icon from menu items with sub-items in Astra theme

By Davinder Singh Kainth - September 12, 2017

By default, in the header area of the Astra WordPress theme a down arrow icon will display next to menu item(s) with sub menu items. For visual design purpose, few users may want to hide this arrow image. There is no setting in the customizer to remove this down arrow icon. However, you can easily remove this using quick CSS code.

Astra: CSS code to remove icon for menu item

1. Open the style.css file of your Astra child theme by going to Appearance > Editor. If you are not using a child theme, then go to Appearance > Customizer and open the “Additional CSS” box.

2. Add following CSS code to hide this arrow button.

Before and After: Arrow icon next to menu item

Remember to clear the cache, if you are using a cache plugin to see changes where arrow icon no longer appears next menu items with sub-menu items.

About BasicWP is about: sharing and learning the WordPress ecosystem for website design and development. Hello... I'm Davinder Singh Kainth.
I have been into "all things internet" building cool online spaces of knowledge.