Change Arrow color of a Dropdown Menu...

User 187934 Photo


Senior Advisor
20,181 posts

Line 349 of your wireframe-theme.min.css
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after{
border-color: transparent;
/*border-top-color:inherit;*/
border-top-color:Red;
}

And line 322
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after,
.submenu-toggle::after {
border-color: transparent;
/*border-top-color:inherit;*/
border-top-color:red;
}
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)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2885740 Photo


Registered User
60 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 ‘a.link-text.nav-link:hover’ (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.