Studio Pro hamburger menu color

[jonhebert]

Hi, how can I change the hamburger (mobile) menu color? I have made my header background white, so the icon doesn't show up on mobile now. The site is on a local server so I cannot share a URL unfortunately. I have tried using the demo and tracking down the CSS but can't figure it out. Much appreciation in advance, Jon

[canpress5]

You need to change in 2 places, see below where I have changed to #f00:

around line 1964

.menu-toggle span::before, .menu-toggle span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    height: 0.2rem;
    background-color: #f00;
    border-radius: 5px;
    content: ' ';

around line 1951

.menu-toggle span {
    display: block;
    position: relative;
    height: 2px;
    height: 0.2rem;
    background: #f00;
    transition: background 0s 0.4s;
    width: 25px;
    width: 2.5rem;
    margin: 0;
    border-radius: 5px;
}

[jonhebert]

That worked perfect, thank you so much!

[Author]

Posts