Change Arrow color of a Dropdown Menu...

User 187934 Photo

Senior Advisor
19,684 posts
Online Now

Line 349 of your wireframe-theme.min.css > > a::after{
border-color: transparent;

And line 322
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after,
.submenu-toggle::after {
border-color: transparent;
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
This is a site I built for use in my job.(HTML Editor)
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
User 2885740 Photo

Registered User
59 posts

As Eric suggests, it is the border-top-color you want to change.
But you don’t need to go into the exported CSS-files to reach you goal.
If you want to change the color of the carrot on hovering you:
1. Choose the menu-item in SD for breakpoint 640px
2. In the class selector you keep only the class ‘.nav-link’ active (deselect all other classes)
3. Change the “Apply styles in State” to “Hover”
4. Change the top border color to the color I want (black, in your case)

In your main.css the code for ‘’ (around line 951) should show: ‘border-top-color: black;’

Good luck!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.