How can I remove the arrows/chevrons in the header of the new dawn 2.0 theme? Thanks!

Try adding this code to the bottom of bases.css .header__inline-menu .icon.icon-caret { display: none; }

@sarahdanu Fantastic! I’m glad the issue is solved.

Hey @Nick_Marketing This worked great at removing the arrow/chevron, but there’s extra space between the drop down menu item/name and the adjacent (right) menu item. Do you happen to have a quick code snippet to completely remove the arrow and the space it would take up? Thanks in advance!

Yeah same I need help on this as well. Thanks in advance!

How to remove arrows/chevrons on Dawn theme drop down menu?

Retired Boards Appdev Store Design

sarahdanu October 16, 2021, 11:57pm 3

That worked! Thanks so much!

1 Like

Topic		Replies	Views
How to remove down arrows on drop down menu? Dawn Theme Store Design menu , design , css	6	105	September 9, 2024
Dawn Theme 2.4.0 Nested Menu Arrow Removal Technical Q&A	3	33	January 15, 2022
Remove Header Menu Arrows in Shopify Dawn Theme Store Design design	6	83	August 17, 2025
How to remove arrows/chevrons on Dawn theme drop down menu? Store Design liquid , Setting-Up	0	13	May 26, 2024
How to remove caret icon from Dawn theme header? Store Design	7	133	November 8, 2023

How to remove arrows/chevrons on Dawn theme drop down menu?

Related topics