Add arrow to dropdown menu link

Site URL: https://www.goldspringhempwholesale.com/home

Hello!

Is there a way to add an arrow to menu links that have a dropdown folder similar to the screenshot below (doesn't have to be red)? I tried the css code below, but it was unsuccessful. Any help would most appreciated! - Thanks!

.header-nav-item.header-nav-item--folder a.header-nav-folder-title:after {
    content: "▾"; 
}

Hi. Add to Design > Custom CSS

a.Header-nav-folder-title:after {
    content: "\e009";
    font-family: 'squarespace-ui-font';
}

That worked. Thanks so much, tuanphan!!! 

I tried Tuanphan's suggestion and nothing seems to happen, what might I be doing wrong? I am using a personal account, squarespace version 7.1, and followed Tuanphan's instructions. Thank you!

10 hours ago, k865 said:

I tried Tuanphan's suggestion and nothing seems to happen, what might I be doing wrong? I am using a personal account, squarespace version 7.1, and followed Tuanphan's instructions. Thank you!

Hi. Can you share link to your site? We can check easier

Same issue — 7.1 https://hexaflexagon-hen-g8f4.squarespace.com/

17 hours ago, jmalcolmson said:

Same issue — 7.1 https://hexaflexagon-hen-g8f4.squarespace.com/

What is access password?

Have you tried above code yet?

a.Header-nav-folder-title:after {
    content: "\e009";
    font-family: 'squarespace-ui-font';
}

All set