Menu icon Foundation
Accordion Menu Arrow Colour

Hello,

Looking to change the colour of the drop-down arrow within the accordion menu via CSS, but can't seem to target the correct element. Any hints?

accordion menu

Hello,

Looking to change the colour of the drop-down arrow within the accordion menu via CSS, but can't seem to target the correct element. Any hints?

Val Ery over 2 years ago

Hi Mark! Try this ("css-way"):

a::after {
  border-color: green transparent transparent;
}

Or... Rules for "accordionmenu-arrow-color" in _settings.scss file.

// 8. Accordion Menu
// -----------------

$accordionmenu-arrows: true;
$accordionmenu-arrow-color: orange;

// You can use Foundation color scheme, ex:
// $accordionmenu-arrow-color: $secondary-color;