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

sarahdanu · ‎10-16-2021

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

Thanks!

Nick_Marketing · ‎10-16-2021

Try adding this code to the bottom of bases.css

.header__inline-menu .icon.icon-caret {
  display: none;
}

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, ✅Subscribe to my YouTube channel (▶️ Ecommerce TV).

View solution in original post

Nick_Marketing · ‎10-16-2021

Try adding this code to the bottom of bases.css

.header__inline-menu .icon.icon-caret {
  display: none;
}

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, ✅Subscribe to my YouTube channel (▶️ Ecommerce TV).

sarahdanu · ‎10-16-2021

That worked! Thanks so much!

Nick_Marketing · ‎10-16-2021

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

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, ✅Subscribe to my YouTube channel (▶️ Ecommerce TV).

AxsMar · ‎01-13-2022

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!

KadenW · ‎09-14-2022

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