Menu icon Foundation
How to change color of menu-icon in responsive navbar?

How can I change the color of the hamburger icon? I've tried everything I can think of.

I tried changing the color of a.menu-icon { in app.css and style.css and the box shadow color of .top-bar .toggle-topbar.menu-icon a span but no luck.

stylecolorstylingmenunavmenu-iconcss

How can I change the color of the hamburger icon? I've tried everything I can think of.

I tried changing the color of a.menu-icon { in app.css and style.css and the box shadow color of .top-bar .toggle-topbar.menu-icon a span but no luck.

Loc over 5 years ago

If you're using scss

$topbar-menu-link-color:
$topbar-menu-icon-color:
$topbar-menu-link-color-toggled:
$topbar-menu-icon-color-toggled:

if you're using css

.top-bar .toggle-topbar.menu-icon a::after {
content: "";
position: absolute;
right: 0;
display: block;
width: 16px;
top: 0;
height: 0;
-webkit-box-shadow: 1px 10px 1px 1px #202020, 1px 16px 1px 1px #202020, 1px 22px 1px 1px #202020;
box-shadow: 0 10px 0 1px #202020, 0 16px 0 1px #202020, 0 22px 0 1px #202020;
}

BP about 2 years ago

.menu-icon::after {

  

    background: #002364;

    box-shadow: 0 7px 0 #002364, 0 14px 0 #002364;

 

}