Menu icon Foundation
dropdown menu arrow

Need to change the color or an arrow in a dropdown menu.

It is same color as menu background so not obvious that it is a dropdown menu. 

http://creativecomputerservices.ca/cdsch/index.html

dropdown menu

Need to change the color or an arrow in a dropdown menu.

It is same color as menu background so not obvious that it is a dropdown menu. 

http://creativecomputerservices.ca/cdsch/index.html

Val Ery over 2 years ago

Hi Rob!

Two ways:

first - change (for example) $dropdownmenu-arrow-color in your settings.scss: $dropdownmenu-arrow-color: $white; (here $white is #fefefe)

or second - add rule in your css-file: .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {border-color: #fefefe transparent transparent;}

Rob Gilhuly over 2 years ago

Thanks much Val. I was able to change the style for the drilldown also using your css.

Just have to figure out the styling for the "Back" when you are in the submenu.

Much appreciated.

Val Ery over 2 years ago

Hi Rob!

For "Back"...

.js-drilldown-back > a::before {border-color: transparent #fefefe transparent transparent;}