FROM CACHE - en_header

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

Solved
sarahdanu
Tourist
7 0 4

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

Thanks!

 

Accepted Solution (1)

Accepted Solutions
Nick_Marketing
Shopify Partner
1466 326 428

This is an accepted solution.

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

Replies 5 (5)
Nick_Marketing
Shopify Partner
1466 326 428

This is an accepted solution.

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
Tourist
7 0 4

That worked! Thanks so much!

Nick_Marketing
Shopify Partner
1466 326 428

@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
Tourist
10 0 5

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
Shopify Partner
2 0 0

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